Ο έλεγχος αντίθεσης WCAG εκτελείται σε λίγα απλά βήματα. Τίποτα δεν εγκαταλείπει το πρόγραμμα περιήγησής σας.
- Εισάγετε ένα χρώμα προσκηνίου και ένα χρώμα φόντου. Το εργαλείο αναλύει δεκαεξαδικά, rgb(), hsl(), ή ονομασμένα χρώματα CSS.
- Κάθε κανάλι RGB γραμμικοποιείται χρησιμοποιώντας τη συνάρτηση μεταφοράς sRGB.
- Οι γραμμικές τιμές σταθμίζονται από την ευαισθησία του ανθρώπινου ματιού — 0.2126 για κόκκινο, 0.7152 για πράσινο, 0.0722 για μπλε.
- Η αναλογία αντίθεσης είναι (L1 + 0.05) ÷ (L2 + 0.05), όπου L1 είναι η φωτεινότητα του ανοιχτότερου χρώματος.
- Η αναλογία συγκρίνεται με τα όρια WCAG: AA κανονικό ≥4.5:1, AA μεγάλο ≥3:1, AAA κανονικό ≥7:1, AAA μεγάλο ≥4.5:1.
FAQ
Συνηθισμένες ερωτήσεις σχετικά με τον έλεγχο αντίθεσης WCAG.
Ποια είναι η διαφορά μεταξύ AA και AAA;
Το AA είναι το ελάχιστο επίπεδο συμμόρφωσης. Απαιτεί αναλογία αντίθεσης τουλάχιστον 4.5:1 για κανονικό κείμενο και 3:1 για μεγάλο. Το AAA είναι υψηλότερο πρότυπο που απαιτεί 7:1 για κανονικό και 4.5:1 για μεγάλο.
Τι θεωρείται «μεγάλο κείμενο» σύμφωνα με το WCAG;
Το WCAG 2.x ορίζει μεγάλο κείμενο ως τουλάχιστον 18 στιγμές (24px) για κανονικό βάρος ή 14 στιγμές (περίπου 19px) για έντονο βάρος.
Γιατί το ζεύγος μου περνά AA Μεγάλο αλλά αποτυγχάνει AA Κανονικό;
Επειδή το AA Μεγάλο απαιτεί μόνο αναλογία 3:1 ενώ το AA Κανονικό απαιτεί 4.5:1. Ένα ζεύγος με αναλογία 4.0:1 περνά AA Μεγάλο αλλά αποτυγχάνει AA Κανονικό.
Μπορώ να βασιστώ μόνο σε αυτό το εργαλείο για έλεγχο προσβασιμότητας;
Αυτό το εργαλείο ελέγχει ένα πράγμα — την αναλογία αντίθεσης WCAG 2.x. Η πραγματική προσβασιμότητα περιλαμβάνει περισσότερα: δείκτες εστίασης, μέγεθος γραμματοσειράς και συμβατότητα με αναγνώστες οθόνης.
Ποιες μορφές χρωμάτων δέχεται η είσοδος;
Μπορείτε να επικολλήσετε 3, 4, 6 ή 8-ψήφιους δεκαεξαδικούς κωδικούς, rgb(), hsl(), hsv(), hwb() και 150 ονομασμένα χρώματα CSS.