WCAG Εργαλείο Ελέγχου Αντίθεσης Χρωμάτων
Αξιολογήστε την αναλογία αντίθεσης των χρωμάτων κειμένου και φόντου σύμφωνα με τις οδηγίες WCAG 2.1. Δημιουργήστε άμεσα προσβάσιμες προσαρμογές χρωμάτων.
Ζωντανή Προεπισκόπηση Κειμένου
Μεγάλη Επικεφαλίδα (18pt Έντονη / 24pt Κανονική)
Αυτό είναι μια προεπισκόπηση του μεγάλου στυλ κειμένου τίτλου.
Κανονικό Κείμενο (Κάτω από 18pt)
Lorem ipsum dolor sit amet, η ελίτ του αδιπυστήρα.
Αναλογία Αντίθεσης
Κατάσταση Συμμόρφωσης WCAG 2.1
Οδηγίες WCAG 2.1
Επαληθεύστε εύκολα τα πρότυπα αντίθεσης για να δημιουργήσετε προσβάσιμες διεπαφές που συμμορφώνονται με τις οδηγίες Section 508, ADA και WCAG AA ή AAA.
Μηχανή Προτάσεων
Προσαρμόστε αυτόματα τα χρώματα σταδιακά κατά μήκος των συντεταγμένων HSL για να βρείτε τις πλησιέστερες εναλλακτικές που πληρούν τα κριτήρια λόγου αντίθεσης.
Πλήρως στην πλευρά του πελάτη
Οι υπολογισμοί εκτελούνται τοπικά εντός του περιβάλλοντος του προγράμματος περιήγησής σας. Δεν μεταδίδονται χρώματα, αρχεία ή συντεταγμένες τηλεμετρίας στους διακομιστές μας.
Σχετικά Εργαλεία Χρωμάτων
Εργαλείο Ελέγχου Αντίθεσης Χρωμάτων
Υπολογίστε τις αναλογίες αντίθεσης WCAG για τα χρώματα προσκηνίου και φόντου και εμφανίστε κοινά αποτελέσματα μεγέθους κειμένου.
- Εισαγωγή
- Δύο έγκυρα χρώματα CSS και προεπιλεγμένο κείμενο προβολής.
- Έξοδος
- λόγος αντίθεσης με δείκτες επιτυχίας ή αποτυχίας WCAG AA και AAA.
- Πραγματικοί περιορισμοί
- Ο υπολογισμός καλύπτει μόνο την αντίθεση φωτεινότητας· δεν πιστοποιεί μια διεπαφή ούτε λαμβάνει υπόψη την απόδοση γραμματοσειρών, την κίνηση, την εστίαση ή μη χρωματικές ενδείξεις.
- Απόρρητο και επεξεργασία δεδομένων
- Δύο έγκυρα χρώματα CSS και προαιρετικό κείμενο προεπισκόπησης επεξεργάζονται σε αυτήν την καρτέλα του προγράμματος περιήγησης. Ο μετατροπέας δεν λαμβάνει ούτε αποθηκεύει αυτήν την ενότητα. Κλείνοντας ή επαναφορτώνοντας τη σελίδα καθαρίζεται η κατάσταση εργασίας, εκτός εάν το εργαλείο προσφέρει ρητά μια τοπική λήψη.
Πώς να χρησιμοποιήσετε αυτό το εργαλείο
- Παρέχετε δύο έγκυρα χρώματα CSS και προαιρετικό κείμενο προβολής στα ελέγχους εργαλείων.
- Επιλέξτε τις ρυθμίσεις που επηρεάζουν μια αναλογία αντίθεσης με δείκτες επιτυχίας ή αποτυχίας WCAG AA και AAA, στη συνέχεια εκτελέστε το εργαλείο.
- Εξετάστε μια αναλογία αντίθεσης με δείκτες επιτυχίας ή αποτυχίας WCAG AA και AAA πριν αντιγράψετε ή κατεβάσετε.
Κοινοί τρόποι αποτυχίας
Μη έγκυρα χρώματα δεν μπορούν να μετρηθούν και η διαφάνεια χωρίς επιλυμένο φόντο μπορεί να καταστήσει μια αναλογία άνευ σημασίας.
Χρήσιμο παράδειγμα
Συγκρίνετε το κείμενο #1f2937 σε #ffffff για να δείτε την αναλογία του για κανονικό και μεγάλο κείμενο.