Έλεγξε τα χρώματά σου
Δοκίμασε συνδυασμούς χρωμάτων για να διασφαλίσεις ότι πληρούν τα πρότυπα προσβασιμότητας WCAG για την αναγνωσιμότητα του κειμένου.
Κανονικό κείμενο
Μεγάλο κείμενο
Γρήγορες διορθώσεις
Η γρήγορη καφέ αλεπού πηδάει πάνω από τον τεμπέλη σκύλο
Παράδειγμα μικρού κειμένου (12px)
Πρότυπα WCAG
Επίπεδο AA
Ελάχιστη αναλογία αντίθεσης 4.5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο. Απαιτείται για τις περισσότερες ιστοσελίδες.
Επίπεδο AAA
Ενισχυμένη αναλογία αντίθεσης 7:1 για κανονικό κείμενο και 4.5:1 για μεγάλο κείμενο. Συνιστάται για βέλτιστη προσβασιμότητα.
Ανεπαρκής αντίθεση για όλα τα μεγέθη κειμένου - αποτυγχάνει στα πρότυπα WCAG.
Ελεγκτής αντίθεσης χρωμάτων
Υπολόγισε την αναλογία αντίθεσης των χρωμάτων κειμένου και φόντου.
Επίλεξε ένα χρώμα χρησιμοποιώντας τον Selector de color για το κείμενο και το χρώμα φόντου ή εισήγαγε ένα χρώμα σε μορφή RGB hexadecimal (π.χ., #259 ή #2596BE). Μπορείς να ρυθμίσεις τον ολισθητήρα για να επιλέξεις χρώμα. Οι Οδηγίες Προσβασιμότητας Περιεχομένου Ιστού (WCAG) έχουν μια συγκεκριμένη οδηγία για να βοηθήσουν να καθοριστεί αν το κείμενο είναι αναγνώσιμο για άτομα με όραση. Αυτό το κριτήριο χρησιμοποιεί έναν συγκεκριμένο αλγόριθμο για να αντιστοιχίσει συνδυασμούς χρωμάτων σε συγκρίσιμες αναλογίες. Χρησιμοποιώντας αυτόν τον τύπο, το WCAG δηλώνει ότι μια αναλογία αντίθεσης χρωμάτων 4.5:1 με το κείμενο και το φόντο του είναι επαρκής για κανονικό κείμενο (σώμα), και το μεγάλο κείμενο (18+ pt κανονικό, ή 14+ pt έντονο) πρέπει να έχει τουλάχιστον αναλογία αντίθεσης 3:1.
Βασικά χαρακτηριστικά
- Υπολογισμός αναλογίας αντίθεσης σε πραγματικό χρόνο
- Έλεγχος συμμόρφωσης WCAG AA & AAA
- Ρυθμιστικά HSL για λεπτομερή ρύθμιση
- Πολλαπλές μορφές προεπισκόπησης
Προηγμένα εργαλεία
- Αυτόματη διόρθωση χρώματος
- Δείγματα κειμένου και φόντου
- Ανίχνευση ονόματος χρώματος
- Εξαγωγή αποτελεσμάτων