Επικολλήστε ένα χρώμα προσκηνίου και φόντου (ή επιλέξτε από στιγμιότυπο οθόνης) και λάβετε την αναλογία αντίθεσης και τα επίπεδα WCAG που πληροί. Το WCAG 2.1 AA είναι η νομική βάση προσβασιμότητας στις περισσότερες δικαιοδοσίες· το AAA είναι το υψηλότερο πρότυπο που συνιστάται για κρίσιμο περιεχόμενο.
Τα όρια
- WCAG AA, κανονικό κείμενο: ελάχιστο 4.5:1.
- WCAG AA, μεγάλο κείμενο (18pt+ ή 14pt+ έντονο): ελάχιστο 3:1.
- WCAG AAA, κανονικό κείμενο: ελάχιστο 7:1.
- WCAG AAA, μεγάλο κείμενο: ελάχιστο 4.5:1.
- Μη κειμενικά στοιχεία UI (κουμπιά, περιγράμματα φορμών): ελάχιστο 3:1 (WCAG 2.1+).
Γιατί έχει σημασία η αντίθεση
Το κείμενο με χαμηλή αντίθεση είναι δυσανάγνωστο για χρήστες με χαμηλή όραση (περίπου 4% του πληθυσμού), χρήστες σε έντονο ηλιακό φως, χρήστες με φθηνές οθόνες και γηρασμένα μάτια (όλους, τελικά). Πολλά σχεδιαστικά συστήματα χρησιμοποιούν γκρι σε γκρι επειδή φαίνεται κομψό στην βαθμονομημένη οθόνη 5K ενός σχεδιαστή — και είναι δυσανάγνωστο αλλού.
Η αποτυχία συμμόρφωσης με το WCAG AA είναι επίσης νομικά επισφαλής στις ΗΠΑ (ADA Title III), στην ΕΕ (EAA) και σε πολλές άλλες δικαιοδοσίες. Φθηνή ασφάλεια: ελέγξτε κάθε ζεύγος κειμένου/φόντου πριν από την κυκλοφορία.
Τι αναφέρουμε
- Αναλογία αντίθεσης ως αριθμός (π.χ. 4.71:1).
- Επιτυχία/αποτυχία για κάθε επίπεδο WCAG και μέγεθος κειμένου.
- Προτεινόμενες διορθώσεις: το πλησιέστερο σκουρότερο προσκήνιο ή ανοιχτότερο φόντο που θα πετύχει.
- Ζωντανή προεπισκόπηση με δείγμα κειμένου στο ζεύγος χρωμάτων.
Συνδυάστε με τον προσομοιωτή αχρωματοψίας
Η αντίθεση και η αχρωματοψία είναι διαφορετικοί άξονες προσβασιμότητας. Εκτελέστε τον Προσομοιωτή Αχρωματοψίας στο ίδιο UI για να επαληθεύσετε ότι λειτουργεί και για χρήστες με CVD.
Συχνές ερωτήσεις
Τι είναι ορισμός 'μεγάλου κειμένου';
WCAG: 18pt κανονικό ή 14pt έντονο. Περίπου 24px κανονικό ή 19px έντονο σε CSS.
Λειτουργεί σε ντεγκραντέ;
Δοκιμάστε το πιο ακραίο σημείο — συνήθως το πιο ανοιχτό μέρος της διαβάθμισης σε σχέση με το προσκήνιό σας.
Μπορώ να ελέγξω από ένα στιγμιότυπο οθόνης;
Ναι — ανεβάστε ένα στιγμιότυπο οθόνης και κάντε κλικ στα χρώματα προσκηνίου και φόντου.
Ποια είναι η ελάχιστη αποδεκτή αναλογία;
WCAG AA: 4.5:1 για το κείμενο σώματος. Οτιδήποτε κάτω από αυτό δεν είναι συμβατό.
Το πιο σκούρο σημαίνει πάντα καλύτερο;
Η υψηλότερη αντίθεση είναι καλύτερη για την αναγνωσιμότητα. Αλλά το καθαρό μαύρο σε καθαρό λευκό μπορεί να είναι σκληρό· πολλά συστήματα χρησιμοποιούν #1A1A1A σε #FAFAFA για ελαφρώς πιο απαλή αντίθεση που εξακολουθεί να πληροί το πρότυπο AAA.
Τι γίνεται με την αντίθεση των εικονιδίων;
Το WCAG 2.1 πρόσθεσε ένα ελάχιστο όριο 3:1 για μη κειμενικά στοιχεία διεπαφής — κουμπιά, περιγράμματα φορμών, δακτυλίους εστίασης.
Μπορώ να ελέγξω μαζικά ζεύγη χρωμάτων;
Premium: επικολλήστε ένα CSV με ζεύγη και λάβετε όλες τις αναλογίες σε μία αναφορά.
Είναι ιδιωτικές οι μεταφορτώσεις;
Ναι — διαγράφονται εντός 24 ωρών.
Σχετικά Εργαλείο Ελέγχου Αντίθεσης
Εργαλείο Ελέγχου Αντίθεσης είναι ένα δωρεάν διαδικτυακό εργαλείο από το Wallpapers.com που λειτουργεί εξ ολοκλήρου στο πρόγραμμα περιήγησής σας — χωρίς εγκατάσταση, χωρίς υδατογράφημα, χωρίς εγγραφή email για την πρώτη δοκιμή.
Ελέγξτε αν ένα ζεύγος χρωμάτων προσκηνίου/φόντου πληροί τις προδιαγραφές προσβασιμότητας WCAG.
Πώς να το χρησιμοποιήσετε Εργαλείο Ελέγχου Αντίθεσης
- Τοποθετήστε την εικόνα σας στην περιοχή μεταφόρτωσης (μεμονωμένα ή μαζικά — ενεργοποιήστε το Μαζικό στο επάνω μέρος).
- Επιλέξτε οποιεσδήποτε ρυθμίσεις προσφέρει το εργαλείο (μέγεθος, μορφή, ποιότητα).
- Κάντε κλικ στο Εκτέλεση. Το αποτέλεσμα κατεβαίνει αυτόματα — χωρίς χειροκίνητη αποθήκευση.
Πότε να το χρησιμοποιήσετε
Συνήθεις περιπτώσεις χρήσης περιλαμβάνουν:
προετοιμασία εικόνων για μεταφόρτωση στο διαδίκτυο, καταχωρίσεις ηλεκτρονικού εμπορίου, πλατφόρμες κοινωνικής δικτύωσης με περιορισμούς μορφής και μετατροπή αρχείων από μια συσκευή ή εφαρμογή σε άλλη.
Δωρεάν έναντι Premium
Κάθε επισκέπτης λαμβάνει μια δωρεάν δοκιμή· οι συνδεδεμένοι δωρεάν χρήστες έχουν υψηλότερο ημερήσιο όριο. Εγγραφείτε στο
Premium
για απεριόριστες εκτελέσεις, μαζική επεξεργασία έως 200 εικόνων ανά εργασία, ουρά προτεραιότητας και περιήγηση χωρίς διαφημίσεις.
Σχετικά εργαλεία
Ψάχνετε για κάτι λίγο διαφορετικό; Δοκιμάστε το
EXIF Stripper
,
Αφαίρεση EXIF Μεταδεδομένων – Αφαίρεση GPS + Πληροφορίες Κάμερας
ή
Προβολή EXIF
— ή περιηγηθείτε σε όλες
Μεταδεδομένα & Προσβασιμότητα Εργαλεία.
