Έλεγχος αντίθεσης χρωμάτων

Αυτός είναι ένας έλεγχος αντίθεσης χρώματος WCAG που δείχνει την ακριβή αναλογία αντίθεσης μεταξύ ενός χρώματος κειμένου και ενός χρώματος φόντου και αν πληροί τα επίπεδα προσβασιμότητας AA και AAA. Επιλέξτε χρώματα με το δείγμα ή με δεκαεξαδικό κώδικα και δείτε μια ζωντανή προεπισκόπηση.

Προσαρμόστε τα δύο χρώματα μέχρι τα σήματα να περάσουν το επίπεδο που χρειάζεστε και το αποτέλεσμα να ενημερώνεται αμέσως καθώς προχωράτε.

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

Οι Οδηγίες προσβασιμότητας περιεχομένου Ιστού (WCAG) ορίζουν το πρότυπο. Το AA, το επίπεδο στο οποίο στοχεύουν οι περισσότεροι ιστότοποι και στο οποίο αναφέρονται πολλοί νόμοι προσβασιμότητας, απαιτεί αναλογία 4,5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο. Το ΑΑΑ είναι πιο αυστηρό στα 7:1 και 4,5:1.

Το μεγάλο κείμενο έχει χαμηλότερο όριο επειδή τα μεγαλύτερα γράμματα παραμένουν ευανάγνωστα με λιγότερη αντίθεση. Μετράει ως μεγάλο σε περίπου 24px (18pt) ή 18,66px (14pt) όταν είναι έντονη.

Η αναλογία προέρχεται από τη σχετική φωτεινότητα των δύο χρωμάτων χρησιμοποιώντας τον επίσημο τύπο WCAG, παράγοντας μια τιμή από 1:1 (χωρίς αντίθεση, ίδια χρώματα) έως 21:1 (μαύρο σε λευκό).

Όλα υπολογίζονται στο πρόγραμμα περιήγησής σου, επομένως είναι άμεσα και ιδιωτικά. Τίποτα που επιλέγετε δεν μεταφορτώνεται πουθενά.