Ειρήνη Ιωαννίδου - The Accessible WordPress Guide: Small Fixes, Big Impact
Πώς ένα WordPress site μπορεί να γίνει προσβάσιμο μέσω ελέγχων, κατάλληλων plugins και διορθώσεων κώδικα; Η ομιλία παρουσιάζει πρακτικά βήματα για συμμόρφωση με WCAG και ουσιαστικό αντίκτυπο στους χρήστες.
of Informatics & Electronics Dpt. @VET School Delta 360 Patras • Researcher @eBusinessLab • Phd Candidate Electrical & Computer Engineering, University of Peloponnese • Msc Computer Science, University of Patras • Msc Educational Science, University of Patras • Bsc Informatics & Mass Media, Technological Educational Institute of Patras • Certified Specialization in Special Education: Context, Characteristics & Support • Member of the Official Trainers’ Registry of the National Centre for Public Administration & Local Government (EKDDA)
οι τεχνολογίες σχεδιάζονται και αναπτύσσονται έτσι ώστε να μπορούν να τα χρησιμοποιούν τα άτομα με αναπηρία. Πιο συγκεκριμένα, τα άτομα μπορούν: • να αντιλαμβάνονται, να κατανοούν, να πλοηγούνται και να αλληλεπιδρούν με τον Παγκόσμιο Ιστό • να συνεισφέρουν στον Παγκόσμιο Ιστό Ορίζοντας την Προσβασιμότητα
που θέλουν να δημιουργήσουν ιστότοπους και διαδικτυακά εργαλεία υψηλής ποιότητας και να μην αποκλείουν τους ανθρώπους από τη χρήση των προϊόντων και των υπηρεσιών τους. Ορίζοντας την Προσβασιμότητα
παράδειγμα: • άτομα που χρησιμοποιούν κινητά τηλέφωνα, έξυπνα ρολόγια, έξυπνες τηλεοράσεις και άλλες συσκευές με μικρές οθόνες, διαφορετικούς τρόπους διαφορετικούς τρόπους εισαγωγής δεδομένων κ.λπ. • άτομα μεγαλύτερης ηλικίας με μεταβαλλόμενες ικανότητες λόγω γήρανσης • άτομα με “προσωρινές αναπηρίες”, όπως ένα σπασμένο χέρι ή χαμένα γυαλιά • άτομα με “περιορισμούς λόγω κατάστασης”, όπως σε έντονο ηλιακό φως ή σε περιβάλλον όπου δεν μπορούν να ακούσουν ήχο • άτομα που χρησιμοποιούν αργή σύνδεση στο Διαδίκτυο ή που έχουν περιορισμένο bandwidth Ορίζοντας την Προσβασιμότητα
από τη συνεργασία διαφόρων στοιχείων, συμπεριλαμβανομένων των τεχνολογιών ιστού, των προγραμμάτων περιήγησης στον ιστό (web browsers) και άλλων "user agents", των εργαλείων σύνταξης και των ιστότοπων. Το W3C Web Accessibility Initiative αναπτύσσει τεχνικές προδιαγραφές, κατευθυντήριες γραμμές, τεχνικές και υποστηρικτικούς πόρους που περιγράφουν λύσεις προσβασιμότητας. Αυτά θεωρούνται διεθνή πρότυπα για την προσβασιμότητα στον ιστό- για παράδειγμα, το WCAG 2.0 είναι επίσης το ISO πρότυπο: ISO/IEC 40500.
Μειώνει το τεχνικό χρέος και κάνει τον κώδικα επεκτάσιμο. καθαρή IA και στιβαρή αρχιτεκτονική interface. Διευκολύνει το testing με αυτοματοποιημένα εργαλεία. Μειώνει νομικούς κινδύνους και εξασφαλίζει WCAG συμμόρφωση. Βελτιώνει συνολικά το UX και τη δομή πληροφορίας.
brand trust και ESG/CSR αξιοπιστία Βελτιώνει SEO μέσω semantics και ALT metadata. Μειώνει κόστος υποστήριξης μέσω αυτοεξυπηρέτησης χρηστών. Προστατεύει από ρυθμιστικές κυρώσεις και πρόστιμα. Διευκολύνει την συμπεριλυπτική κουλτούρα και καινοτομία.
Act (EAA) σε όλη την Ε.Ε. (και στην Ελλάδα) Επιβάλλει πρόστιμα σε eshop, τράπεζες, ασφαλιστικές, φορείς δημοσίου, εισιτήρια / μεταφορές, ηλεκτρονικές υπηρεσίες κ.λπ. Νομικό Πλαίσιο
επίπεδο προσβασιμότητας. Αφαιρεί τα πιο σοβαρά εμπόδια που εμποδίζουν την πρόσβαση στο περιεχόμενο. Να εξασφαλιστεί ότι άτομα με αναπηρίες μπορούν να έχουν βασική πρόσβαση στο περιεχόμενο. • Όλες οι εικόνες πρέπει να έχουν εναλλακτικό κείμενο (alt text). • Το περιεχόμενο πρέπει να είναι προσβάσιμο με το πληκτρολόγιο. • Να μην υπάρχουν αυτόματοι ήχοι. AA (Μεσαίο) Καλύπτει τις πιο συνηθισμένες δυσκολίες πρόσβασης. Είναι το πρότυπο για νομική και επαγγελματική συμμόρφωση. Να διασφαλιστεί ότι ο ιστότοπος είναι χρησιμοποιήσιμος από ευρύτερο φάσμα ατόμων. • Αναλογία αντίθεσης χρωμάτων τουλάχιστον 4.5:1. • Υποχρεωτικοί υπότιτλοι σε βίντεο. • Σαφής δομή και σταθερή πλοήγηση. • Ετικέτες και μηνύματα σφάλματος σε φόρμες. AAA (Υψηλό) Το ανώτερο επίπεδο προσβασιμότητας. Προορίζεται για εξαιρετικά ευαίσθητο ή δημόσιο περιεχόμενο. Να γίνει το περιεχόμενο όσο το δυνατόν πιο προσβάσιμο σε όλους τους χρήστες, συμπεριλαμβανομένων ατόμων με σοβαρές αναπηρίες. • Αναλογία αντίθεσης 7:1. • Διερμηνεία στη νοηματική γλώσσα για βίντεο. • Χωρίς χρονικούς περιορισμούς ανάγνωσης ή αλληλεπίδρασης. • Απλοποιημένη γλώσσα και σχεδίαση.
επίπεδο προσβασιμότητας. Αφαιρεί τα πιο σοβαρά εμπόδια που εμποδίζουν την πρόσβαση στο περιεχόμενο. Να εξασφαλιστεί ότι άτομα με αναπηρίες μπορούν να έχουν βασική πρόσβαση στο περιεχόμενο. • Όλες οι εικόνες πρέπει να έχουν εναλλακτικό κείμενο (alt text). • Το περιεχόμενο πρέπει να είναι προσβάσιμο με το πληκτρολόγιο. • Να μην υπάρχουν αυτόματοι ήχοι. AA (Μεσαίο) Καλύπτει τις πιο συνηθισμένες δυσκολίες πρόσβασης. Είναι το πρότυπο για νομική και επαγγελματική συμμόρφωση. Να διασφαλιστεί ότι ο ιστότοπος είναι χρησιμοποιήσιμος από ευρύτερο φάσμα ατόμων. • Αναλογία αντίθεσης χρωμάτων τουλάχιστον 4.5:1. • Υποχρεωτικοί υπότιτλοι σε βίντεο. • Σαφής δομή και σταθερή πλοήγηση. • Ετικέτες και μηνύματα σφάλματος σε φόρμες. AAA (Υψηλό) Το ανώτερο επίπεδο προσβασιμότητας. Προορίζεται για εξαιρετικά ευαίσθητο ή δημόσιο περιεχόμενο. Να γίνει το περιεχόμενο όσο το δυνατόν πιο προσβάσιμο σε όλους τους χρήστες, συμπεριλαμβανομένων ατόμων με σοβαρές αναπηρίες. • Αναλογία αντίθεσης 7:1. • Διερμηνεία στη νοηματική γλώσσα για βίντεο. • Χωρίς χρονικούς περιορισμούς ανάγνωσης ή αλληλεπίδρασης. • Απλοποιημένη γλώσσα και σχεδίαση.
ή προσωρινή δυσκολία: όρασης, κινητικότητας, ηλικίας, γνωστική, ADHD κτλπ. • τα conversion rates εκτοξεύονται με clear UX, contrast, focus states, μορφοποίηση • το Google ανεβάζει SEO όταν το site είναι accessible / semantic • τα brands θέλουν εικόνα εταιρείας παγκόσμιου επιπέδου (DEI, ethical compliance)
σχήματα ή ESG/CSR πρωτοβουλίες, η πιστοποιήσιμη συμμόρφωση με WCAG (ή ισοδύναμη τεκμηρίωση) αποτελεί πλέον τυπική απαίτηση προκήρυξης και αξιολόγησης. Δημόσιο & Enterprise Contracts
από τον νόμο, αλλά θεωρείται ένδειξη προσβασιμότητας (π.χ. μεγέθυνση, αλλαγή αντίθεσης κλπ.) Core Checklist ΔΕΝ ΑΡΚΕΙ ΥΠΟΧΡΕΩΤΙΚΗ ΥΠΟΧΡΕΩΤΙΚΗ 2. Δήλωση Προσβασιμότητας (Accessibility Statement) — Πρέπει να υπάρχει ξεκάθαρα δημοσιευμένη στο site (footer link) — Αναφέρει σε τι βαθμό είναι προσβάσιμο το site και τι απομένει να βελτιωθεί — Πρέπει να επικαιροποιείται τουλάχιστον 1 φορά τον χρόνο 3. Απόδειξη / Αξιολόγηση Προσβασιμότητας (Επίσημος WCAG Έλεγχος) — Πρέπει να έχει γίνει audit (ημιαυτόματο + manual) — Με κατάλογο σφαλμάτων (errors) και διορθωτικό σχέδιο ενεργειών — Το κράτος ή φορέας μπορεί να το ζητήσει ανά πάσα στιγμή
› SEO και καλύτερο ranking › Mobile & low-vision users › Χρήστες με voice control (Siri, Alexa) › Χρήστες wearables,smartwatches › Ταχύτητα κατανόησης περιεχομένου
wpgr
nao_sumikawa
tsukuboshi
shoheimitani
oqtopus
nutslove
tsubakimoto_s
kawaguti
markie1009
tamemiya
shift_evolve
kazzpapa3
techseoconnect
chriscoyier
reverentgeek
sferik
tammyeverts
minecr
mojombo
tamaranovitovic
addyosmani
frankvandijk
jnunemaker
