Ελεγκτής Προσβασιμότητας Χρωμάτων
Ελέγξτε αναλογίες αντίθεσης χρωμάτων σύμφωνα με τις οδηγίες WCAG 2.1. Δοκιμάστε συμμόρφωση AA και AAA για κανονικό και μεγάλο κείμενο. Δωρεάν, 100% στον browser σας.
Προεπισκόπηση μεγάλου κειμένου (18pt+)
Προεπισκόπηση κανονικού κειμένου — ελέγξτε αναγνωσιμότητα σε σχέση με το φόντο.
Αναφορά
Τι είναι η αντίθεση χρωμάτων WCAG;
Οι Οδηγίες Προσβασιμότητας Περιεχομένου Web (WCAG) 2.1 ορίζουν ελάχιστες αναλογίες αντίθεσης για να εξασφαλίσουν ότι το κείμενο είναι αναγνώσιμο από άτομα με προβλήματα όρασης. Η αναλογία αντίθεσης κυμαίνεται από 1:1 (χωρίς αντίθεση) έως 21:1 (μέγιστη, μαύρο σε λευκό). Περίπου 8% των ανδρών και 0,5% των γυναικών έχουν κάποια μορφή αχρωματοψίας, κάνοντας την επαρκή αντίθεση ουσιαστική για τον inclusive σχεδιασμό.
Επίπεδα συμμόρφωσης WCAG
AA — Κανονικό κείμενο: ελάχιστη αναλογία 4,5:1 (πιο συνηθισμένη απαίτηση). AA — Μεγάλο κείμενο: ελάχιστη 3:1 (μεγάλο = 18pt/24px κανονικό ή 14pt/18,5px bold). AAA — Κανονικό κείμενο: ελάχιστη 7:1 (ενισχυμένη, συνιστάται για κύριο κείμενο). AAA — Μεγάλο κείμενο: ελάχιστη 4,5:1. Οι περισσότεροι νόμοι προσβασιμότητας (ADA, Section 508, EN 301 549) αναφέρουν WCAG AA ως ελάχιστη απαίτηση.
Πώς υπολογίζεται η αναλογία αντίθεσης
Η αναλογία αντίθεσης χρησιμοποιεί τιμές σχετικής φωτεινότητας που προέρχονται από χρώματα sRGB. Κάθε κανάλι χρώματος (R, G, B) γραμμικοποιείται: αν η τιμή sRGB ≤ 0,04045, διαιρείται με 12,92· αλλιώς υπολογίζεται ((τιμή + 0,055) / 1,055)^2,4. Φωτεινότητα = 0,2126·R + 0,7152·G + 0,0722·B. Αναλογία αντίθεσης = (L1 + 0,05) / (L2 + 0,05), όπου L1 η φωτεινότητα του ανοιχτόχρωμου και L2 του σκουρόχρωμου.
Απόρρητο
Όλοι οι υπολογισμοί εκτελούνται 100% στον browser σας. Δεν αποστέλλονται δεδομένα σε κανέναν server.