Έλεγχος αντίθεσης

Έλεγχος αντίθεσης χρωμάτων WCAG για τον υπολογισμό του λόγου αντίθεσης κειμένου.

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

Κανονικό κείμενο

WCAG AA: Pass

WCAG AAA: Pass

Παράδειγμα κανονικού κειμένου - 16px

Μεγάλο κείμενο

WCAG AA: Pass

WCAG AAA: Pass

Παράδειγμα μεγάλου κειμένου 18pt/24px

Γραφικά αντικείμενα και στοιχεία περιβάλλοντος εργασίας χρήστη

WCAG AA: Pass

Υπολογισμός λόγου αντίθεσης για κανονικό μέγεθος κειμένου.
Υπολογισμός λόγου αντίθεσης για μεγάλο μέγεθος κειμένου.
Υπολογισμός λόγου αντίθεσης για στοιχεία περιβάλλοντος εργασίας χρήστη.
Επιλογή χρώματος από τον επιλογέα χρωμάτων
Ρύθμιση φωτεινότητας χρώματος

Πώς να χρησιμοποιήσετε τον Έλεγχο αντίθεσης

Επιλογή χρώματος φόντου
Επιλογή χρώματος προσκηνίου
Προσαρμογή φωτεινότητας εάν χρειάζεται
Έλεγχος ελέγχου για κανονικό και μεγάλο κείμενο

ΣΥΧΝΈΣ ΕΡΩΤΉΣΕΙΣ

Πώς λειτουργεί ο έλεγχος αντίθεσης;

Πρέπει να αξιολογήσετε το χρώμα του κειμένου και του φόντου. Σύμφωνα με τις οδηγίες του WCAG 2.1, αυτά είναι: Μεγάλο κείμενο - Το κείμενο με ελάχιστο μέγεθος 18px απαιτεί λόγο αντίθεσης 3:1. Μικρό κείμενο - Το κείμενο με μέγεθος μικρότερο από 18px απαιτεί λόγο αντίθεσης 4. 5:1.

Γιατί θα πρέπει η ιστοσελίδα μου να έχει επαρκή χρωματική αντίθεση;

Το κείμενο σε φόντο με χαμηλό λόγο αντίθεσης είναι συχνά δύσκολο να διαβαστεί. Αυτό όχι μόνο επηρεάζει αρνητικά τα άτομα με προβλήματα όρασης, αλλά στην πραγματικότητα δυσχεραίνει όλους τους χρήστες. Ένα παράδειγμα είναι η ανάγνωση κειμένου σε ένα κινητό τηλέφωνο έξω σε μια ηλιόλουστη μέρα.

Τι σημαίνει η προσβασιμότητα της ιστοσελίδας;

Ένας προσβάσιμος ιστότοπος είναι ένας ιστότοπος σχεδιασμένος έτσι ώστε άτομα με προβλήματα όρασης ή ακοής να μπορούν να τον χρησιμοποιούν χωρίς περιορισμούς. Για παράδειγμα, αυτό εξασφαλίζει ότι όλα τα στοιχεία τοποθεσίας έχουν επαρκή χρωματική αντίθεση, δηλ. το χρώμα του κειμένου είναι αρκετά διαφορετικό από το χρώμα φόντου.

Πρέπει οι εικόνες και τα βίντεο να συμμορφώνονται με τις απαιτήσεις χρωματικής αντίθεσης WCAG;

Ορισμένα στοιχεία γραφικών και διεπαφών απαιτούν λόγο αντίθεσης τουλάχιστον 3:1. Ωστόσο, αυτό δεν περιλαμβάνει λογότυπα, διακοσμητικές εικόνες ή γενικά αρχεία πολυμέσων.

Προϊόντα

Ιστοσελίδες

Σχετικά

Language

User Name

Έλεγχος αντίθεσης