Ανεπαρκής αντίθεση μεταξύ κειμένου και φόντου είναι ένα από τα εμπόδια που εμφανίζονται πιο συχνά στις σαρώσεις αφοσίωσης και ταυτόχρονα ένα από τα σφάλματα που είναι ευκολότερο να αποφευχθούν. Τα πράγματα πάνε στραφί όταν ανοιχτόγκρι κείμενο εμφανίζεται σε λευκό φόντο, όταν τα κουμπιά είναι ορατά μόνο λόγω ενός λεπτού χρωματικού αλλαγής, ή όταν το κείμενο κράτησης θέσης σε ένα πεδίο φόρμας χρησιμοποιείται ως η μόνη ένδειξη του τι πρέπει να συμπληρωθεί. Για άτομα με οπτική αναπηρία, αλλά και για όλους όσοι χρησιμοποιούν μια οθόνη υπό έντονο ηλιακό φως, το κείμενο γίνεται κυριολεκτικά αδύνατο να διαβαστεί.
Το WCAG 2.1, η κανονιστική πρακτική στην οποία αναφέρεται η EN 301 549, προδιαγράφει για το επίπεδο AA ελάχιστη αναλογία αντίθεσης μεταξύ κειμένου και του φόντου στο οποίο εμφανίζεται: συνήθως 4,5 προς 1 για συνηθισμένο κείμενο και 3 προς 1 για μεγάλο κείμενο και για δια λειτουργικά στοιχεία όπως κουμπιά και περιγράμματα φορμών. Ακούγεται τεχνικό, αλλά η υποκείμενη σκέψη είναι απλή: η αντίθεση δεν είναι αισθητική επιλογή, είναι μια προϋπόθεση για τη μετάδοση πληροφοριών.
Πού τα πράγματα πάνε στραφί στην πράξη
Τα προβλήματα αντίθεσης σπάνια δημιουργούνται εσκεμμένα. Εισχωρούν μέσω επιλογών εταιρικής ταυτότητας που φαίνονται εξαιρετικές σε μια μεγάλη, ευκρινή οθόνη σε ένα στούντιο σχεδιασμού, αλλά σε μια μέση οθόνη με ένα μέσο χρήστη μόλις υστερούν της κανονιστικής πρακτικής. Ένα ανοιχτόγκρι κείμενο κουμπιού σε ένα παστέλ χρώμα φόντου είναι ένα κλασικό παράδειγμα. Το ίδιο ισχύει και για τους συνδέσμους που είναι αναγνωρίσιμοι μόνο από μια διαφορά χρώματος, χωρίς υπογράμμιση ή άλλο οπτικό σήμα, που δημιουργεί δυσκολία για άτομα με αχρωματοψία να τα αναγνωρίσουν ως κλικ.
Ένα άλλο επαναλαμβανόμενο σχέδιο είναι η κατάσταση αιώρησης: ένα κουμπί που σε ηρεμία λειτουργεί άψογα, αλλά όταν κινήσει το ποντίκι αλλάζει σε μια χρωματική συνδυασμό που δεν έχει ελεγχθεί. Τα μηνύματα σφάλματος στις φόρμες είναι επίσης ένα συνηθισμένο σφάλμα: κόκκινο κείμενο σε ένα ανοιχτόκόκκινο φόντο φαίνεται συνεπής με την εταιρική ταυτότητα, αλλά συχνά δεν επιτυγχάνει την απαιτούμενη αναλογία. Όποιος είναι περίεργος για το πώς τέτοια εμπόδια φαίνονται στο δικό του περιβάλλον, μπορεί να το δει σε μερικές ερωτήσεις πού βρίσκεται η σελίδα σας χωρίς να χρειάζεται πρώτα να δημιουργήσει ένα λογαριασμό.
Γιατί μια αυτόματη σάρωση λύνει αυτό εν μέρει, αλλά όχι πλήρως
Οι αναλογίες αντίθεσης είναι εύκολο να μετρηθούν αυτόματα: ένας σαρωτής διαβάζει τις χρωματικές τιμές του κειμένου και του φόντου και υπολογίζει την αναλογία. Με αυτόν τον τρόπο, αυτό είναι ένα από τα ελάχιστα κριτήρια WCAG που ένα εργαλείο μπορεί να ελέγξει αξιόπιστα. Αυτό που μια σάρωση δεν βλέπει, είναι η αντίθεση που προκύπτει μόνο μετά από μια αλληλεπίδραση, όπως ένα αναπτυσσόμενο μενού, μια συμβουλή που εμφανίζεται κατά την εστίαση, ή μια κατάσταση που γίνεται ορατή μόνο μετά από μια ενέργεια του χρήστη. Αυτός είναι ακριβώς ο λόγος για τον οποίο κάθε έκθεση αναφέρει ποιο μέρος ελέγχθηκε αυτόματα και ποιο μέρος απαιτεί χειροκίνητη αξιολόγηση. η αντίθεση είναι ένα ισχυρό σημείο της αυτόματης δοκιμής, αλλά όχι ολόκληρη η εικόνα.
Πώς το αποφεύγετε δομικά
Ο πιο κοινός τρόπος για να αποφύγετε διαρκώς αυτό το πρόβλημα είναι να καθορίσετε την αντίθεση στο επίπεδο του συστήματος σχεδιασμού αντί για σελίδα προς σελίδα. Όταν τα βασικά χρώματα μιας εταιρικής ταυτότητας ελεγχθούν ήδη κατά τον καθορισμό τους έναντι της κανονιστικής πρακτικής, ένας συντάκτης ή προγραμματιστής δεν χρειάζεται να το ελέγχει κάθε φορά ξανά. Αυτό αποτρέπει επίσης μια νέα σελίδα, ένα προσωρινό πανό δράσης ή ένα εξωτερικά αγορασμένο γραφικό στοιχείο να υπονομεύει τη αναλογία αντίθεσης χωρίς να το παρατηρήσει κανείς.
Είναι επίσης σκόπιμο να λαμβάνεται υπόψη η αντίθεση ρητά σε κάθε οπτική αλλαγή του ιστότοπου, όχι μόνο κατά την πρώτη παράδοση. Μια ανανέωση εταιρικής ταυτότητας, ένα νέο θεματικό σύνολο εποχής ή ένα τροποποιημένο στυλ κουμπιού μπορεί να εισαγάγει ένα πρόβλημα που δεν υπήρχε στην προηγούμενη έκδοση. Η προσβασιμότητα δεν είναι κατ' αυτόν τον τρόπο ένα πλαίσιο που ορίζετε μία φορά, αλλά ένα σημείο προσοχής που συνδέεται με τη συντήρηση. Περισσότερα σχετικά με το πώς λειτουργεί στην πράξη ένας τέτοιος συνεχής έλεγχος, μπορείτε να διαβάσετε μια εξήγηση του πού προέρχεται η αξιολόγηση.
Τέλος, αξίζει να μην κοιτάζετε μόνο τη ελάχιστη τυποποίηση, αλλά την πρόθεση πίσω από αυτήν: μπορεί ο καθένας, ακόμη και σε λιγότερο ιδανικές συνθήκες φωτισμού ή σε παλαιότερη οθόνη, να διακρίνει πραγματικά το κείμενο και τα κουμπιά. Συχνές περιπτώσεις αμφιβολίας, όπως εάν ένα λογότυπο ή ένα διακοσμητικό σχέδιο πρέπει επίσης να συμμορφώνεται με την απαίτηση αντίθεσης, είναι αναλυτικά παρουσιασμένες στη σελίδα με απαντήσεις σε ερωτήματα που επανέρχονται συχνότερα.
Θέλετε να μάθετε εάν η αντίθεση και τα άλλα επανειλημμένα προβλήματα σημεία ισχύουν και στο δικό σας περιβάλλον; Ο δωρεάν γρήγορη σάρωση δίνει μια πρώτη ένδειξη γι' αυτό, και η τράπεζα γνώσης με θέματα επιλεγμένα ανά κατάσταση δείχνει πώς αυτό το ζήτημα σχετίζεται με τα υπόλοιπα καθήκοντα γύρω από την European Accessibility Act.