Όλα τα εργαλεία
Προσβασιμότητα
Έλεγχος Color Contrast
Δοκιμάστε χρώματα κειμένου και φόντου πριν τα χρησιμοποιήσετε σε website, landing page ή brand system.
Δείγμα κειμένου
Αυτό είναι ένα δείγμα παραγράφου για να δείτε αν ο συνδυασμός είναι ευανάγνωστος.
Contrast ratio
19.56:1
AA κείμενο: Περνάει
AA μεγάλο: Περνάει
AAA: Περνάει
Πώς λειτουργεί
Το εργαλείο υπολογίζει relative luminance και contrast ratio, και το συγκρίνει με βασικούς WCAG AA και AAA στόχους.
Γιατί να το χρησιμοποιήσετε
Οι accessible χρωματικοί συνδυασμοί κάνουν το περιεχόμενο πιο ευανάγνωστο και μειώνουν προβλήματα πριν την ανάπτυξη.
Συχνές ερωτήσεις
Ποιο ratio είναι συνήθως αποδεκτό;
Για κανονικό κείμενο, το WCAG AA στοχεύει 4.5:1. Για μεγάλο κείμενο το AA περνάει από 3:1.
Μπορούν brand colors να αποτύχουν;
Ναι. Ακόμη και δυνατό brand palette χρειάζεται accessible συνδυασμούς για κείμενα, buttons και backgrounds.
