Έλεγχος Αντίθεσης Χρωμάτων

Δοκίμασε την αναλογία αντίθεσης μεταξύ χρωμάτων προσκηνίου και φόντου για να διασφαλίσεις την προσβασιμότητα.

1.00:1
Αντίθεση
Fail
Πολύ κακή

Κανονικό Κείμενο

AA (4.5:1)
AAA (7:1)

Μεγάλο κείμενο

AA (3:1)
AAA (4.5:1)
White
#ffffff
Black
#b400ff

Γρήγορες διορθώσεις

Aa

Τίτλος προεπισκόπησης

Η γρήγορη καφέ αλεπού πηδάει πάνω από τον τεμπέλη σκύλο

Παράδειγμα μικρού κειμένου (12px)

Κείμενο
#ffffff
Φόντο
#b400ff

Πρότυπα WCAG

Level AA

Ελάχιστη αναλογία αντίθεσης 4.5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο. Απαιτείται για τις περισσότερες ιστοσελίδες.

Level AAA

Ενισχυμένη αναλογία αντίθεσης 7:1 για κανονικό κείμενο και 4.5:1 για μεγάλο κείμενο. Συνιστάται για βέλτιστη προσβασιμότητα.

Ανεπαρκής αντίθεση για όλα τα μεγέθη κειμένου - αποτυγχάνει στα πρότυπα WCAG.

Έλεγχος αντίθεσης χρωμάτων

Υπολόγισε την αναλογία αντίθεσης των χρωμάτων κειμένου και φόντου.

Επίλεξε ένα χρώμα χρησιμοποιώντας το Color Picker για το κείμενο και το χρώμα φόντου ή εισήγαγε ένα χρώμα σε μορφή RGB hexadecimal (π.χ., #259 ή #2596BE). Μπορείς να ρυθμίσεις τον ολισθητήρα για να επιλέξεις χρώμα. Οι Οδηγίες Προσβασιμότητας Περιεχομένου Ιστού (WCAG) έχουν μια συγκεκριμένη οδηγία για να βοηθήσουν να καταλάβεις αν το κείμενο είναι ευανάγνωστο για τους χρήστες με όραση. Αυτό το κριτήριο χρησιμοποιεί έναν συγκεκριμένο αλγόριθμο για να αντιστοιχίσει συνδυασμούς χρωμάτων σε συγκρίσιμες αναλογίες. Χρησιμοποιώντας αυτόν τον τύπο, οι WCAG δηλώνουν ότι μια αναλογία αντίθεσης χρωμάτων 4.5:1 με το κείμενο και το φόντο του είναι επαρκής για κανονικό (σώμα) κείμενο, και το μεγάλο κείμενο (18+ pt κανονικό, ή 14+ pt έντονο) πρέπει να έχει τουλάχιστον μια αναλογία αντίθεσης χρωμάτων 3:1.

Βασικά χαρακτηριστικά

  • Υπολογισμός αναλογίας αντίθεσης σε πραγματικό χρόνο
  • Έλεγχος συμμόρφωσης WCAG AA & AAA
  • Ρυθμιστικά HSL για λεπτομερή ρύθμιση
  • Πολλαπλές μορφές προεπισκόπησης

Προηγμένα εργαλεία

  • Αυτόματη διόρθωση χρωμάτων
  • Δείγματα κειμένου και φόντου
  • Ανίχνευση ονόματος χρώματος
  • Εξαγωγή αποτελεσμάτων