fiokit.

Έλεγχος αντίθεσης WCAG AA και AAA

Ελέγξτε την αντίθεση χρωμάτων για WCAG 2.2 AA και AAA, δείτε μεγέθη κειμένου και βρείτε προσβάσιμες εναλλακτικές χρωμάτων.

Περάστε τον δείκτη πάνω από ένα πεδίο ή επιλέξτε το για βοήθεια. Πατήστε Escape για κλείσιμο.

Χρησιμοποιήστε HEX, RGB, RGBA ή HSL. Τα διαφανή χρώματα συντίθενται πάνω στον αδιαφανή καμβά.

5.84:1

Τα όρια χρησιμοποιούν τον λόγο πλήρους ακρίβειας, ποτέ τη στρογγυλοποιημένη εμφανιζόμενη τιμή.

WCAG 2.2
ΕπίπεδοΧρήσηSCΕλάχιστοΑποτέλεσμα
AAΚανονικό κείμενο1.4.34.5:1Επιτυχία
AAΜεγάλο κείμενο1.4.33:1Επιτυχία
AAAΚανονικό κείμενο1.4.67:1Αποτυχία
AAAΜεγάλο κείμενο1.4.64.5:1Επιτυχία
AAΣτοιχεία διεπαφής και γραφικά1.4.113:1Επιτυχία
Aa — fiokit.

Κανονικό κείμενο: AA ✓ · AAA ✗

Μεγάλο κείμενο: τουλάχιστον 24 CSS px ή 18,67 CSS px με έντονη γραφή (14 pt).

Ελέγχονται ζεύγη χρωμάτων, όχι πλήρης συμμόρφωση WCAG. Αξιολογήστε χωριστά γειτονικά χρώματα, καταστάσεις αλληλεπίδρασης και πραγματικό περιεχόμενο.

W3C — SC 1.4.3 · SC 1.4.6 · SC 1.4.11

Πώς λειτουργεί

Ορίστε προσκήνιο, φόντο και αδιαφανή καμβά. Τα αποτελέσματα AA και AAA ενημερώνονται αμέσως. Δοκιμάστε μέγεθος και βάρος γραμματοσειράς, εφαρμόστε προτεινόμενο χρώμα ή κατεβάστε την αναφορά.

Πρακτικό παράδειγμα

Χρώματα

#155bdf

Συχνές ερωτήσεις

Αποστέλλεται το κείμενό μου σε διακομιστή;

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

Τι πρέπει να γνωρίζω για το Έλεγχος αντίθεσης WCAG AA και AAA;

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