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 για να βρείτε τις πλησιέστερες εναλλακτικές λύσεις που ανταποκρίνονται στα κριτήρια αναλογισμού αντιθέσεων.
Πλήρως Client-Side
Οι υπολογισμοί εκτελούνται τοπικά εντός του περιβάλλοντος του προγράμματος περιήγησής σας. Δεν μεταδίδονται χρώματα, αρχεία ή συντεταγμένες τηλεμετρίας στους διακομιστές μας.
Σχετικά Εργαλεία Χρωμάτων
Εργαλείο Ελέγχου Αντίθεσης Χρωμάτων
Υπολογίστε τις αναλογίες αντίθεσης WCAG για τα χρώματα προβάδους και φόντου και εμφανίστε κοινά αποτελέσματα κειμένου-μέτρου.
- Εισαγωγή
- Δύο έγκυρα χρώματα CSS και προεπιλεγμένο κείμενο προβολής.
- Έξοδος
- Αντίθεση αντίθεσης με δείκτες WCAG AA και AAA που περνούν ή αποτυγχάνουν.
- Πραγματικοί περιορισμοί
- Ο υπολογισμός καλύπτει μόνο το αντίθετο φωτισμού· δεν πιστοποιεί μια διεπαφή ή λογαριασμό για την εκδοχή γραμματοσειρών, κινήσεων, εστίασης ή μη-χρωστικών ρυτίδων.
- Προσωπικότητα και επεξεργασία δεδομένων
- Δύο έγκυρα χρώματα CSS και προαιρετικό κείμενο προβολής επεξεργάζονται σε αυτό το παράθυρο του προγράμματος περιήγησης. ο μετατροπέας δεν λαμβάνει ή αποθηκεύει το κλειδί ή επαναφορτίζοντας τη σελίδα καθαρίζει την κατάσταση εργασίας, εκτός εάν το εργαλείο προσφέρει ρητά μια τοπική λήψη.
Πώς να χρησιμοποιήσετε αυτό το εργαλείο
- Παρέχετε δύο έγκυρα χρώματα CSS και προαιρετικό κείμενο προβολής στα ελέγχους εργαλείων.
- Επιλέξτε τις ρυθμίσεις που επηρεάζουν μια αναλογία αντίθεσης με το WCAG AA και AAA περάσει ή αποτυγχάνουν δείκτες, στη συνέχεια εκτελέστε το εργαλείο.
- Εξετάστε μια αναλογία αντίθεσης με το WCAG AA και το AAA περάσει ή αποτυγχάνει δείκτες πριν αντιγράψετε ή κατεβάσετε.
Κοινές διαστάσεις αποτυχίας
Τα αναπηρικά χρώματα δεν μπορούν να μετρηθούν και η διαφάνεια χωρίς ένα επίλυτο υπόβαθρο μπορεί να κάνει μια αναλογία άχρηστη.
Χρήσιμο παράδειγμα
Συγκρίνετε το κείμενο #f2996 στο #fff για να δείτε τη σχέση του με το κανονικό και το μεγάλο κείμενο.