Πώς να επιλέγετε χρώματα που μπορούν να διαβάσουν όλοι
Από The AsasWeb team 2 λεπτά ανάγνωσης
Το WCAG απαιτεί λόγο αντίθεσης τουλάχιστον 4,5:1 για το κυρίως κείμενο και 3:1 για το μεγάλο κείμενο και τα στοιχεία διεπαφής. Ο αξιόπιστος τρόπος να πετύχετε αυτούς τους στόχους είναι να τους χτίσετε στην παλέτα από την αρχή, να διαλέξετε ένα σκούρο μελάνι και μια ανοιχτή επιφάνεια που περνούν με άνεση, και έπειτα να επαληθεύσετε κάθε ζεύγος χρωμάτων με ένα εργαλείο αντίθεσης. Μην σηματοδοτείτε ποτέ κάτι μόνο με χρώμα και ελέγξτε τη σκοτεινή λειτουργία χωριστά, γιατί μια παλέτα που περνά στο λευκό μπορεί να αποτύχει στο σχεδόν μαύρο.
Το κείμενο με χαμηλή αντίθεση φαίνεται κομψό σε ένα σχεδιαστικό εργαλείο και εξαφανίζεται στην πραγματική ζωή: στο φως του ήλιου, σε μια φθηνή οθόνη, ή σε όποιον έχει μειωμένη όραση. Το προσβάσιμο χρώμα δεν αφορά το θάμπωμα του brand σας. Αφορά τη διασφάλιση ότι οι άνθρωποι μπορούν πραγματικά να το διαβάσουν.
Γνωρίστε τους στόχους
Το WCAG ορίζει σαφή ελάχιστα όρια. Το κείμενο σώματος χρειάζεται λόγο αντίθεσης τουλάχιστον 4,5 προς 1 ως προς το φόντο του. Το μεγάλο κείμενο, από περίπου 24 pixel, και τα στοιχεία διεπαφής χρήστη χρειάζονται τουλάχιστον 3 προς 1. Αυτά είναι κατώφλια, όχι στόχοι, και ελέγχονται εύκολα με οποιοδήποτε εργαλείο αντίθεσης.
Χτίστε την αντίθεση μέσα στην παλέτα σας
Το κόλπο είναι να σχεδιάσετε την παλέτα γύρω από αυτούς τους στόχους από την αρχή, αντί να ανακαλύπτετε αποτυχίες στο τέλος. Διαλέξτε ένα σκούρο μελάνι και μια φωτεινή επιφάνεια που περνούν άνετα, και μετά επιλέξτε χρώματα τονισμού που λειτουργούν τόσο ως κείμενο όσο και ως γεμίσματα. Σε αυτόν τον ιστότοπο, κάθε ζεύγος χρωμάτων τεκμηριώνεται με τον μετρημένο του λόγο, ώστε τίποτα να μην ξεφεύγει.
Μη βασίζεστε μόνο στο χρώμα
Το χρώμα δεν πρέπει ποτέ να είναι ο μοναδικός τρόπος που επισημαίνετε κάτι. Ένα υποχρεωτικό πεδίο, ένα σφάλμα, ένας σύνδεσμος μέσα σε μια παράγραφο: το καθένα χρειάζεται μια δεύτερη ένδειξη όπως κείμενο, ένα εικονίδιο ή μια υπογράμμιση. Οι άνθρωποι που δεν αντιλαμβάνονται τις διαφορές χρωμάτων εξακολουθούν να χρειάζονται το μήνυμα.
Προσέξτε τη σκοτεινή λειτουργία
Μια παλέτα που περνά στη φωτεινή λειτουργία μπορεί να αποτύχει στη σκοτεινή λειτουργία, όπου ένα χρώμα brand που φαινόταν εντάξει στο λευκό μπορεί να είναι πολύ θαμπό σε μια σχεδόν μαύρη επιφάνεια. Κάθε θέμα χρειάζεται τις δικές του ελεγμένες τιμές.
Αντιμετωπίζουμε την αντίθεση ως μετρημένο αριθμό, όχι ως εικασία. Αν δεν είστε σίγουροι ότι τα χρώματα του brand σας περνούν, ξεκινήστε ένα έργο και θα τα ελέγξουμε και θα βρούμε μια παλέτα που είναι ταυτόχρονα πιστή στο brand και ευανάγνωστη.