Ελεγκτής Αντίθεσης Χρωμάτων
Ελέγξτε τον λόγο αντίθεσης WCAG μεταξύ χρώματος κειμένου και φόντου — δείτε βαθμολογίες AA/AAA για κανονικό κείμενο, μεγάλο κείμενο και στοιχεία UI, με ζωντανή προεπισκόπηση και προτάσεις προσβάσιμων χρωμάτων.
The quick brown fox
Το μεγάλο κείμενο διαβάζεται άνετα όταν η αντίθεση είναι επαρκής.
Αυτή είναι μια δείγμα παράγραφος κανονικού κειμένου σώματος. Η καλή αντίθεση χρωμάτων κρατά το περιεχόμενό σας ευανάγνωστο για όλους, συμπεριλαμβανομένων ατόμων με χαμηλή όραση ή χρωματική τύφλωση. ένας δείγμα σύνδεσμος.
Η μικρή γραμματοσειρά και οι λεζάντες είναι τα πιο δύσκολα στην ανάγνωση — χρειάζονται την υψηλότερη αντίθεση.Όλα υπολογίζονται ζωντανά στο πρόγραμμα περιήγησης χρησιμοποιώντας τον τύπο σχετικής φωτεινότητας WCAG 2.x — χωρίς μεταφορτώσεις, χωρίς εγγραφή, εντελώς δωρεάν.
Σχετικά με το Ελεγκτής Αντίθεσης Χρωμάτων
Ο Ελεγκτής Αντίθεσης Χρωμάτων μετρά τον λόγο αντίθεσης WCAG μεταξύ ενός χρώματος κειμένου και ενός χρώματος φόντου, και στη συνέχεια βαθμολογεί το ζευγάρι σύμφωνα με τα επίπεδα προσβασιμότητας AA και AAA για κανονικό κείμενο, μεγάλο κείμενο και στοιχεία διεπαφής. Ο λόγος και κάθε επαλήθευση επιτυχίας/αποτυχίας ενημερώνονται ζωντανά καθώς προσαρμόζετε οποιοδήποτε χρώμα.
Ένας ρεαλιστικός πίνακας προεπισκόπησης εμφανίζει επικεφαλίδες, κείμενο σώματος, μικρά γράμματα, ένα κουμπί και έναν σύνδεσμο στον επιλεγμένο συνδυασμό σας, ώστε να κρίνετε την ευαναγνωσιμότητα με πραγματικό περιεχόμενο αντί για αφηρημένα δείγματα. Όταν ένα ζευγάρι αποτυγχάνει, το εργαλείο προτείνει το πλησιέστερο προσβάσιμο χρώμα κειμένου που φτάνει το όριο AA του 4.5:1, έτοιμο για εφαρμογή με ένα κλικ.
Τα μαθηματικά ακολουθούν τον τύπο σχετικής φωτεινότητας WCAG 2.x και εκτελούνται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας — τίποτα δεν μεταφορτώνεται και οι έλεγχοι είναι δωρεάν. Μπορείτε επίσης να αντιγράψετε μια συνοπτική αναφορά κειμένου με τον λόγο και τις βαθμολογίες για επικόλληση σε μια αξιολόγηση προσβασιμότητας ή ένα pull request.
Πώς να χρησιμοποιήσετε το Ελεγκτής Αντίθεσης Χρωμάτων
- Ορίστε το χρώμα κειμένου και το χρώμα φόντου σας με τους επιλογείς ή πληκτρολογώντας τιμές.
- Διαβάστε τον λόγο αντίθεσης και τα αποτελέσματα AA/AAA για κανονικό κείμενο, μεγάλο κείμενο και στοιχεία διεπαφής.
- Εξετάστε τη ζωντανή προεπισκόπηση για να δείτε πραγματικές επικεφαλίδες, παραγράφους, κουμπιά και συνδέσμους στα χρώματά σας.
- Αν το ζευγάρι αποτύχει, εφαρμόστε το προτεινόμενο προσβάσιμο χρώμα κειμένου ή εναλλάξτε τα δύο χρώματα.
- Κάντε κλικ στο «Copy report» για να μοιραστείτε τον λόγο και τα αποτελέσματα συμμόρφωσης.