Διατήρηση της αντίθεσης υπό έλεγχο: Πώς να επιλέξετε χρώματα και γραμματοσειρές για προσβάσιμα έγγραφα

Το ανοιχτό γκρι κείμενο σε λευκό φόντο μπορεί να φαίνεται κομψό και μινιμαλιστικό με μια ματιά — και να είναι εντελώς αδιάβαστο για χρήστες με προβλήματα όρασης, έντονο ηλιακό φως στην οθόνη ή απλώς συνηθισμένη καταπόνηση των ματιών στο τέλος μιας εργάσιμης ημέρας. Η χρωματική αντίθεση είναι ένα από τα πιο «τεχνικά» κριτήρια προσβασιμότητας — υπάρχουν ακριβείς αριθμοί που πρέπει να πληρούνται — αλλά είναι επίσης ένα από τα πιο εύκολα να δοκιμαστεί και να διορθωθεί εκ των προτέρων.

Τι αναλογίες απαιτεί το WCAG

Το WCAG ορίζει έναν λόγο αντίθεσης ως έναν αριθμό μεταξύ 1:1 (καμία αντίθεση — πανομοιότυπο χρώμα) και 21:1 (η μέγιστη δυνατή αντίθεση — καθαρό μαύρο σε καθαρό λευκό). Σε επίπεδο ΑΑ (το υποχρεωτικό επίπεδο στα περισσότερα μέρη, συμπεριλαμβανομένου του Ισραήλ), η απαίτηση είναι μια αναλογία τουλάχιστον 4.5:1 μεταξύ κανονικού κειμένου και του φόντου πίσω από αυτό. Στα πιο αυστηρά ΑΑΑ επίπεδο, η απαίτηση αυξάνεται σε 7:1.

Γιατί το μεγάλο κείμενο επιτρέπεται λιγότερη αντίθεση

Το μεγάλο κείμενο παραμένει ευανάγνωστο ακόμη και με χαμηλότερη αντίθεση, επομένως το WCAG του ορίζει ένα πιο εύκολο όριο: 3:1 σε επίπεδο AA (αντί για 4,5:1) και 4.5:1 σε επίπεδο AAA (αντί για 7:1). Το "Μεγάλο κείμενο" ορίζεται ως κείμενο 18 σημείων ή μεγαλύτερου (περίπου 24 εικονοστοιχεία) ή 14 σημείων ή μεγαλύτερου (περίπου 18,7 εικονοστοιχείων) εάν είναι έντονο. Οι μεγάλες επικεφαλίδες, για παράδειγμα, μπορούν να «αντέξουν οικονομικά» ελαφρώς χαμηλότερη αντίθεση από μια κανονική παράγραφο σώματος και εξακολουθούν να πληρούν την απαίτηση.

Πώς να ελέγξετε μια αναλογία αντίθεσης στην πράξη

Δεν χρειάζεται να το υπολογίσετε με μη αυτόματο τρόπο — τα δωρεάν εργαλεία όπως το WebAIM Contrast Checker σάς επιτρέπουν να εισάγετε τους κωδικούς χρώματος κειμένου και φόντου και να λαμβάνετε αμέσως την ακριβή αναλογία και μια βαθμολογία επιτυχίας/αποτυχίας για κάθε επίπεδο. Αξίζει να ελέγξετε όχι μόνο το κείμενο σε συμπαγές φόντο, αλλά και το κείμενο πάνω από εικόνες φόντου ή διαβαθμίσεις — όπου η αντίθεση μπορεί να διαφέρει μεταξύ διαφορετικών περιοχών της ίδιας εικόνας, επομένως είναι καλύτερο να δοκιμάσετε το πιο «προβληματικό» σημείο.

Πώς να επιλέξετε εκ των προτέρων μια προσβάσιμη παλέτα χρωμάτων

Η πιο αποτελεσματική προσέγγιση είναι ο έλεγχος της αντίθεσης στο στάδιο της σχεδίασης προτύπου, όχι σε κάθε έγγραφο ξεχωριστά. Όταν επιλέγετε χρώματα επωνυμίας για επικεφαλίδες, κυρίως κείμενο και συνδέσμους, αξίζει να επιβεβαιώσετε εκ των προτέρων ότι κάθε συνδυασμός κειμένου-φόντου που χρησιμοποιείτε πραγματικά συναντά τουλάχιστον 4,5:1. Με αυτόν τον τρόπο, κάθε νέο έγγραφο που δημιουργείται από το πρότυπο "κληρονομεί" αυτόματα τη σωστή αντίθεση, αντί να ελέγχεται ξεχωριστά κάθε έγγραφο αφού έχει ήδη γραφτεί.