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