Προγραμματιστής🔒 Τρέχει στον browser σας

Έλεγχος χρωματικής αντίθεσης

Έλεγχος συμμόρφωσης χρωματικής αντίθεσης WCAG AA/AAA

Χρώμα κειμένου

Χρώμα φόντου

Τίτλος προεπισκόπησης

Έτσι θα εμφανίζεται το κείμενο σώματος με αυτά τα χρώματα.

Και αυτό είναι μικρό κείμενο για αναφορά.

Λόγος αντίθεσης

21.00:1

WCAG AA

Κανονικό κείμενο✓ Επιτυχία

Μεγάλο κείμενο (18px+)✓ Επιτυχία

Στοιχεία UI✓ Επιτυχία

WCAG AAA

Κανονικό κείμενο✓ Επιτυχία

Μεγάλο κείμενο (18px+)✓ Επιτυχία

Σχετικά με Έλεγχος χρωματικής αντίθεσης

Ο Έλεγχος Χρωματικής Αντίθεσης αξιολογεί τον λόγο αντίθεσης μεταξύ δύο χρωμάτων σύμφωνα με τις κατευθυντήριες γραμμές WCAG 2.1. Σας ενημερώνει αν οι χρωματικοί συνδυασμοί σας πληρούν τα πρότυπα προσβασιμότητας AA ή AAA για κανονικό κείμενο, μεγάλο κείμενο και στοιχεία UI. Όλα εκτελούνται στον περιηγητή σας.

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

Ποιος είναι ένας καλός λόγος αντίθεσης;

Το WCAG AA απαιτεί ελάχιστο λόγο 4,5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο (18px+ ή 14px+ έντονο). Το WCAG AAA απαιτεί 7:1 για κανονικό κείμενο και 4,5:1 για μεγάλο κείμενο. Υψηλότεροι λόγοι σημαίνουν καλύτερη αναγνωσιμότητα.

Ποια είναι η διαφορά μεταξύ AA και AAA;

Το AA είναι το ελάχιστο συνιστώμενο πρότυπο για το μεγαλύτερο μέρος του διαδικτυακού περιεχομένου. Το AAA είναι αυστηρότερο πρότυπο που παρέχει καλύτερη αναγνωσιμότητα για χρήστες με οπτικές αναπηρίες. Η πλήρωση του AAA είναι ιδανική αλλά δεν απαιτείται πάντα.

Πώς υπολογίζεται ο λόγος αντίθεσης;

Ο λόγος αντίθεσης υπολογίζεται χρησιμοποιώντας τη σχετική φωτεινότητα κάθε χρώματος όπως ορίζεται από το WCAG 2.1. Ο τύπος συγκρίνει τα ανοιχτότερα και σκουρότερα χρώματα σε κλίμακα από 1:1 (καμία αντίθεση) έως 21:1 (μέγιστη αντίθεση, μαύρο σε λευκό).

🔧 Σχετικά εργαλεία

Σχετικά με Έλεγχος χρωματικής αντίθεσης

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

Ποιος είναι ένας καλός λόγος αντίθεσης;

Ποια είναι η διαφορά μεταξύ AA και AAA;

Πώς υπολογίζεται ο λόγος αντίθεσης;