ο Οδηγίες προσβασιμότητας περιεχομένου Ιστού (WCAG) είναι αυτά που πρέπει να ακολουθήσουν όλοι για να κάνουν τον ιστό μια πιο περιεκτική εμπειρία. Το WCAG «καθορίζει πώς να κάνει το περιεχόμενο Ιστού πιο προσιτό σε άτομα με αναπηρίες, που κυμαίνονται από οπτικό, ακουστικό, σωματικό, ομιλητικό, γνωστικό, γλωσσικό, μαθησιακό και νευρολογικό».
Οι μη κερδοσκοπικοί οργανισμοί πρέπει να ακολουθούν το WCAG επειδή η προσβασιμότητα είναι το θεμέλιο της δουλειάς μας. Όλοι έχουμε διαφορετικό κοινό και πρέπει να διασφαλίσουμε ότι το περιεχόμενό μας στον ιστό μπορεί να καταναλωθεί με τρόπο που να περιλαμβάνει όλους, ειδικά αυτούς που εξυπηρετούμε. Εάν αποτύχουμε να συναντήσουμε το WCAG, αποκλείουμε σημαντικά σημερινά και πιθανά μέλη της κοινότητας από το να μπορούν να ασχοληθούν με το περιεχόμενό μας στον ιστό, κάτι που αντίκειται στην ίδια τη φύση της δουλειάς μας.
Ως σχεδιαστής για μη κερδοσκοπικούς οργανισμούς, αναφέρομαι συνεχώς σε αυτές τις οδηγίες όταν λαμβάνω αποφάσεις σχεδιασμού. Η παρακολούθηση τους επέτρεψε στη δουλειά μου να έχει απήχηση σε ένα μεγαλύτερο κοινό και τιμά την αποστολή των οργανισμών με τους οποίους συνεργάζομαι.
Δεν υπάρχει αντικατάσταση για την ανάγνωση αυτών των οδηγιών, επομένως προτού διαβάσετε το υπόλοιπο αυτού του ιστολογίου—βεβαιωθείτε ότι το κάνετε αφιερώστε χρόνο για να τα αναθεωρήσετε (αν δεν το έχετε κάνει ήδη)!
Σημαντικοί πόροι για την παρακολούθηση του WCAG
Τώρα που εξοικειωθείτε με το WCAG, θέλω να μοιραστώ μερικούς πόρους που με βοήθησαν να συμμορφώνομαι με αυτές τις οδηγίες κατά τη λήψη αποφάσεων σχεδιασμού. Το WCAG αναφέρει ότι «οι τέσσερις κορυφαίες αρχές που παρέχουν τη βάση για την προσβασιμότητα στον Ιστό είναι αντιληπτές, λειτουργικές, κατανοητές και ισχυρές». Παρακάτω θα παράσχω τα εργαλεία που υποστηρίζουν αυτές τις αρχές.
(Εικόνα του πίνακα ελέγχου αντίθεσης στο WebAIM.org)
Για να διασφαλιστεί ότι το περιεχόμενο είναι διακριτό, ενσωματώστε έναν έλεγχο αντίθεσης κατά την πλοήγηση στις επιλογές χρωμάτων. Αυτό το εργαλείο της WebAIM ελέγχει την αντίθεση μεταξύ του προσκηνίου και του φόντου σας παρέχοντας αναλογίες που βασίζονται σε δεκαεξαδικούς κώδικες.
Αυτός ο πόρος παρέχει λεπτομερείς αξιολογήσεις WCAG σχετικά με τον τρόπο εμφάνισης του περιεχομένου ως τυπικού κειμένου, μεγάλου κειμένου και γραφικών αντικειμένων. Θυμηθείτε, το ο λόγος αντίθεσης μεταξύ κειμένου και φόντου κειμένου πρέπει να είναι τουλάχιστον 4,5:1.
(Εικόνα του χώρου εργασίας δημιουργίας υποτίτλων στο VEED)
Πρόγραμμα δημιουργίας υποτίτλων και μεταγραφής
Το VEED δημιούργησε ένα εργαλείο που δημιουργεί αυτόματα υπότιτλους και μεταγραφές από το πρόγραμμα περιήγησής σας. Όταν ανεβάζετε ένα βίντεο στο εργαλείο, το λογισμικό χρησιμοποιεί τεχνητή νοημοσύνη για να ανιχνεύσει κείμενο και χρονικούς κωδικούς. Στο πρόγραμμα επεξεργασίας, μπορείτε να προσαρμόσετε μη αυτόματα το κείμενο και τον ρυθμό. Επιτρέπει επίσης κάποια προσαρμογή στυλ με την επιλογή να επιλέξετε από γραμματοσειρές, χρώματα και πρότυπα.
Μόλις οι υπότιτλοι σας είναι οριστικοί, μπορείτε να κάνετε λήψη του βίντεο με λεζάντες ή ως ξεχωριστό αρχείο υποτίτλων (SRT, TXT, VTT). Υπάρχει μια δωρεάν έκδοση αυτού του εργαλείου και κλιμακωτές εκδόσεις επί πληρωμή. Η δωρεάν έκδοση είναι περιορισμένη και προσθέτει ένα υδατογράφημα στα βίντεό σας, γι‘ αυτό προτείνω να επενδύσετε σε ένα πρόγραμμα επί πληρωμή.
Το κείμενο ALT είναι το „αντίγραφο που εμφανίζεται στη θέση μιας εικόνας σε μια ιστοσελίδα εάν η εικόνα δεν φορτωθεί στην οθόνη ενός χρήστη.” Το κείμενο ALT βοηθά επίσης βοηθητικά εργαλεία όπως τα προγράμματα ανάγνωσης οθόνης να επικοινωνούν πληροφορίες σε αναγνώστες με προβλήματα όρασης και βελτιστοποιεί το συνολικό SEO του ιστότοπού σας. Αυτός ο εύχρηστος ελεγκτής κειμένου ALT μπορεί να προστεθεί ως επέκταση για τους χρήστες του Google Chrome. Όταν εκτελείτε την επέκταση στον ιστότοπό σας, προσδιορίζει πού λείπει το κείμενο ALT επισημαίνοντας τις εικόνες.
(Στιγμιότυπο οθόνης κοινών συντομεύσεων πληκτρολογίου από το WebAim)
Πρότυπα προσβασιμότητας πληκτρολογίου
Το Universal Center for Design παρέχει μια ισχυρή εξήγηση των προτύπων για την προσβασιμότητα του πληκτρολογίου, συμπεριλαμβανομένου του τρόπου διεξαγωγής μιας μη αυτόματης δοκιμής. Παρέχουν επίσης μια λίστα με τις συνήθως χρησιμοποιούμενες συντομεύσεις πληκτρολογίου για ενσωμάτωση στη δοκιμή.
Αυτό το εργαλείο της WC3 ελέγχει για τυχόν σημαντικά σφάλματα επικύρωσης στον ιστότοπό σας. Το μόνο που έχετε να κάνετε είναι να εισαγάγετε τη διεύθυνση URL του ιστότοπού σας και θα παρέχει μια αναφορά σχετικά με το εάν ο ιστότοπός σας διαθέτει υποστηρικτικές τεχνολογίες, όπως αναγνώστες οθόνης.
(Εικόνα του πίνακα ελέγχου βαθμολογίας υγείας από το επίπεδο πρόσβασης
Αυτό είναι ένα χρήσιμο εργαλείο που δημιουργήθηκε από το Level Access για χρήση μόλις ξεκινήσει ένας ιστότοπος. Θα σας βοηθήσει να ελέγξετε τη συμμόρφωση του ιστότοπού σας στο σύνολό της και να παράσχετε μια βαθμολογία με λεπτομέρειες σχετικά με το ποιοι τομείς μπορούν να βελτιωθούν. Μπορεί επίσης να είναι επωφελές κατά τον επανασχεδιασμό ενός ιστότοπου—πριν προγραμματίσετε τη νέα τοποθεσία, εκτελέστε έναν έλεγχο προσβασιμότητας στον τρέχοντα ιστότοπο για να εντοπίσετε προβλήματα που μπορούν να τεθούν σε προτεραιότητα κατά τη διαδικασία επανασχεδιασμού.
Έλεγχος προσβασιμότητας Ιστού – Για Chrome
Μια κρυφή λειτουργία στο Google Chrome που ο συνάδελφός μου Ράιαν Φουκέα κοινόχρηστο μαζί μου ονομάζεται μια καρτέλα Lighthouse, „το οποίο μπορεί να εκτελέσει μια σάρωση προσβασιμότητας σε οποιονδήποτε ιστότοπο και να αναφέρει αμέσως πώς βαθμολογείται σε διάφορες μετρήσεις.“ Η καρτέλα, η οποία βρίσκεται στα Εργαλεία προγραμματιστών, σας επιτρέπει επίσης να ελέγξετε επιτραπέζιους υπολογιστές έναντι κινητών.
_________________________________________________________________________________
Αυτά τα εργαλεία είναι ένα εξαιρετικό σημείο εκκίνησης για τη δημιουργία προσβάσιμων σχεδίων. Προορίζονται να σας βοηθήσουν να ελέγξετε τη συμμόρφωσή σας με το WCAG, αλλά δεν αποτελούν αντικατάστασή τους. Το WCAG είναι το πρότυπο που πρέπει να τηρούν οι δημιουργοί. Εξυπηρετούμε διαφορετικά είδη κοινού που συχνά αποκλείονται και πρέπει να λογοδοτούμε σε αυτές τις οδηγίες για να διασφαλίσουμε ότι το κοινό που εξυπηρετούμε μπορεί να καταναλώσει όλο το περιεχόμενο. Σας ενθαρρύνω να χρησιμοποιήσετε και να μοιραστείτε αυτά τα εργαλεία με τους συναδέλφους σας, ώστε να μπορέσουμε συλλογικά να αγωνιστούμε για μια πιο περιεκτική εμπειρία ιστού.
Η δημιουργική μας ομάδα γνωρίζει καλά το WCAG και είναι έτοιμη να σας βοηθήσει με οποιαδήποτε από τις ανάγκες σας. Δείτε παραδείγματα της δουλειάς μας εδώ και επικοινωνήστε μαζί μας να μάθω περισσότερα.
Για να μάθετε περισσότερα σχετικά με την προσβασιμότητα στον Ιστό, ανατρέξτε σε αυτούς τους δυναμικούς πόρους: Σχεδιάζοντας για καλό, Προσβασιμότητα στα Social Mediaκαι Κάνοντας τον Ιστό προσιτό: Επιλογές χρωμάτων.
