Σχετικά με αυτό το εργαλείο
Ελέγξτε τις αναλογίες αντίθεσης χρώματος μεταξύ του κειμένου προσκηνίου και του φόντου σύμφωνα με τις οδηγίες προσβασιμότητας WCAG 2.1. Εισαγάγετε χρώματα ως δεκαεξαδικούς κωδικούς, τιμές RGB ή τιμές HSL και δείτε αμέσως την αναλογία αντίθεσης μαζί με τα αποτελέσματα επιτυχίας/αποτυχίας για τη συμμόρφωση με WCAG AA και AAA τόσο σε κανονικά όσο και σε μεγάλα μεγέθη κειμένου.
Συχνές ερωτήσεις
- Ποια αναλογία αντίθεσης απαιτείται για τη συμμόρφωση με το WCAG;
- Το WCAG AA απαιτεί 4,5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο (18pt+ ή 14pt+ έντονη γραφή). Το WCAG AAA απαιτεί 7:1 για κανονικό κείμενο και 4,5:1 για μεγάλο κείμενο. Η μέγιστη δυνατή αναλογία είναι 21:1 (μαύρο σε λευκό).
- Γιατί έχει σημασία η χρωματική αντίθεση;
- Η επαρκής αντίθεση διασφαλίζει ότι το κείμενο είναι ευανάγνωστο για χρήστες με χαμηλή όραση, αχρωματοψία ή όσους βλέπουν οθόνες σε έντονο ηλιακό φως. Είναι επίσης νομική απαίτηση βάσει των κανονισμών προσβασιμότητας της ADA και της ΕΕ για πολλούς ιστότοπους.
- Τι θεωρείται «μεγάλο κείμενο» στο WCAG;
- Το μεγάλο κείμενο ορίζεται ως 18pt (24px) και άνω για κανονικό βάρος ή 14pt (18,66px) και άνω για έντονο κείμενο. Το μεγάλο κείμενο έχει χαμηλότερες απαιτήσεις αντίθεσης επειδή είναι εγγενώς πιο εύκολο στην ανάγνωση.
- Αυτό το εργαλείο ελέγχει την αντίθεση για στοιχεία εκτός κειμένου;
- Το WCAG 2.1 απαιτεί αναλογία αντίθεσης 3:1 για στοιχεία διεπαφής χρήστη και αντικείμενα γραφικών (κουμπιά, εικονίδια, πεδία φόρμας). Μπορείτε να χρησιμοποιήσετε αυτό το εργαλείο για να τα επαληθεύσετε επίσης — απλώς εισαγάγετε τα χρώματα του στοιχείου και του φόντου.