Σημείο ελέγχου 1.4.3(b) Επαρκείς αντιθέσεις γραφικών

Τα γραφικά χειριστήρια ή τα ενημερωτικά γραφικά πρέπει να έχουν επαρκείς αντιθέσεις φωτεινότητας. Θα πρέπει επίσης να είναι αισθητά σε χρήστες με ανεπάρκεια χρωματικής όρασης. Είναι αντικείμενο από το Σημείο ελέγχου 1.4.3(b) Επαρκείς αντιθέσεις γραφικών.

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

Οι χρήστες μπορούν να προσαρμόσουν τα χρώματα του κειμένου σύμφωνα με τις ανάγκες τους. Δυστυχώς, αυτό δεν ισχύει για τα γραφικά.

1. Εφαρμογή του σημείου ελέγχου

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

• Το σημείο ελέγχου μπορεί πάντα να εφαρμοστεί σε κειμενικά γραφικά.
• Το σημείο ελέγχου μπορεί πάντα να εφαρμοστεί σε σημαντικά σύμβολα ή γραφικά σύμβολα.
• Το σημείο ελέγχου δεν ισχύει για λογότυπα. Εξαίρεση: το λογότυπο συνδέεται με την αρχική σελίδα και δεν υπάρχει άλλος σύνδεσμος προς την αρχική σελίδα.
• Το σημείο ελέγχου γενικά δεν ισχύει για γραφικές επισημάνσεις.
• Το σημείο ελέγχου γενικά δεν ισχύει για φωτογραφίες. Παράδειγμα εξαίρεσης: η φωτογραφία χρησιμοποιείται για να δείξει πού βρίσκονται μέρη (π.χ. χειριστήρια) μιας συσκευής.

2. Έλεγχος

1. Οπτική επιθεώρηση. Είναι αρκετά έντονες οι αντιθέσεις των γραφικών;
2. Εάν έχετε αμφιβολίες, ανοίξτε το Contrast Analyzer. Βεβαιωθείτε ότι το Luminosity είναι επιλεγμένο στο μενού Επιλογές > Αλγόριθμος.
3. Στην περιοχή Προσκηνίου, χρησιμοποιήστε το σταγονόμετρο για να επιλέξετε το χρώμα του προσκηνίου και μετά το χρώμα του φόντου στην περιοχή του φόντου.
4. Ελέγξτε εάν η αναλογία αντίθεσης προς το φόντο είναι πάνω από 4,5:1 για γραφικά. Για γραφικά γραμματοσειρών άνω των 18 στιγμών (ή 14 στιγμών για έντονες γραμματοσειρές), αρκεί μια αναλογία αντίθεσης 3:1.

3. Σημειώσεις

• Η χρωματική αντίθεση (σχετική φωτεινότητα - luminosity) μετράει για την αξιολόγηση σύμφωνα με έναν τύπο που ορίζεται στο WCAG 2.0. Αυτός ο τύπος αντικαθιστά τον τύπο που χρησιμοποιήθηκε προηγουμένως στον A11y για τον προσδιορισμό της αντίθεσης φωτεινότητας.
• Εάν θέλετε να προσδιορίσετε τις τιμές χρώματος πολύ μικρών περιοχών (λεπτές γραμματοσειρές ή μικρά εικονίδια), μπορεί να είναι ευκολότερο να κάνετε ένα στιγμιότυπο οθόνης και να χρησιμοποιήσετε τα πιο ισχυρά εργαλεία zoom και σταγονόμετρου ενός προγράμματος επεξεργασίας εικόνας.
• Οι αδύναμες αντιθέσεις μπορεί να είναι χρήσιμες μπορούν να κάνουν τη χρήση ενός ιστότοπου πιο εύκολη. Για παράδειγμα, οι λειτουργίες που προορίζονται κατ' αρχήν αλλά δεν είναι διαθέσιμες αυτήν τη στιγμή εμφανίζονται με ασθενή αντίθεση. Αυτό είναι αποδεκτό εάν το κρυφό στοιχείο δεν είναι απαραίτητο για τον προσανατολισμό και τη λειτουργία. Επομένως, το σημείο ελέγχου γενικά δεν ισχύει για τις ετικέτες των κρυφών, απενεργοποιημένων χειριστηρίων.

4. Αξιολόγηση

Ικανοποιείται

• Η αναλογία χρωματικής αντίθεσης μεταξύ των χρωμάτων προσκηνίου και φόντου είναι τουλάχιστον 4,5:1.
• Η αναλογία χρωματικής αντίθεσης μεταξύ χρώματος προσκηνίου και φόντου για γραφικά γραμματοσειράς 18 στιγμών και άνω (14 στιγμών και μεγαλύτερη για έντονη γραμματοσειρά) είναι τουλάχιστον 3:1.

Διατύπωση A11y WCAG 2.0

Για τη διατύπωση της αντίστοιχης συνθήκης A11y, βλέπε σημείο ελέγχου 1.4.3a "Επαρκείς αντιθέσεις κειμένων". Τα γραφικά της γραμματοσειράς αναφέρονται ρητά εδώ. Η επέκταση στα ενημερωτικά γραφικά προτείνεται από το WCAG 2.0:

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

Πηγή: Contrast (Minimum): Understanding SC 1.4.3

Διαφοροποίηση από άλλα σημεία ελέγχου

• Χρήση γραφικών για γραμματοσειρές: ανατρέξτε στο σημείο ελέγχου 1.4.5 «Εικόνες κειμένου».
• Διαφοροποίηση από τα σημεία ελέγχου 1.4.3(a) «Αντίθεση (Ελάχιστη)». Και τα δύο σημεία ελέγχου επικεντρώνονται στην αντίθεση του προσκηνίου ενός γραφικού, δηλαδή του αντικειμένου που απεικονίζεται. Το σημείο ελέγχου 1.4.3c ελέγχει εάν το προσκήνιο έχει το δικό του φόντο. Αυτό το σημείο ελέγχου 1.4.3b ελέγχει εάν η αντίθεση σε αυτό το φόντο είναι επαρκής.

Όρια του σημείου ελέγχου

Υπάρχει μια ποικιλία εργαλείων ελέγχου που προσομοιώνουν την εμφάνιση σελίδων για διαφορετικές ελλείψεις χρωμάτων. Ωστόσο, αυτό το σημείο ελέγχου της A11y WCAG τεστ περιορίζεται στον έλεγχο των αντιθέσεων φωτεινότητας.

Ταξινόμηση του σημείου ελέγχου σύμφωνα με το WCAG 2.0

Κατευθυντήρια γραμμή

• Guideline 1.4 Distinguishable: Make it easier for users to see and hear content including separating foreground from background

Κριτήριο επιτυχίας

• 1.4.3 Contrast (Minimum) : The visual presentation of text and images of text has a contrast ratio of at least 4.5:1 (Level AA)
  "Although this Success Criterion only applies to text, similar issues occur for data presented in charts or graphs. Good color contrast should also be provided for data presented in these forms." (Understanding SC 1.4.3 )

Τεχνικές Γενικές τεχνικές

• G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text
• G145: Ensuring that a contrast ratio of at least 3:1 exists between text (and images of text) and background behind the text

Αποτυχίες

• F83: Failure of Success Criterion 1.4.3 and 1.4.6 due to using background images that do not provide sufficient contrast with foreground text (or images of text)

Πηγές

Έννοια των αντιθέσεων

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

Προβολή της ανάπτυξης μιας μεθόδου για τον υπολογισμό των αντιθέσεων

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

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

Παρατηρήσαμε ότι σε ορισμένα από αυτά τα δείγματα, η μεγάλη διαφορά στην απόχρωση προκάλεσε τεχνουργήματα γύρω από τα όρια μεταξύ των κείμενο και το φόντο όταν εμφανίζεται σε οθόνη καθοδικού σωλήνα (CRT). Μπορεί η πολύ μεγάλη διαφορά στην απόχρωση να προκαλεί αυτά τα τεχνουργήματα και να μειώνει την αναγνωσιμότητά τους. Άλλα δείγματα που βαθμολογήθηκαν φτωχά από τον αλγόριθμό μας όσον αφορά τη διαφορά φωτεινότητας και τη διαφορά απόχρωσης βαθμολογήθηκαν πολύ υψηλά από τα υποκείμενά μας όσον αφορά την αναγνωσιμότητα. Μπορεί να είναι ότι αρκετοί συνδυασμοί χρωμάτων ανιχνεύονται πιο εύκολα από το οπτικό μας σύστημα και είναι εγγενώς πιο ευανάγνωστοι. Ορισμένοι συνδυασμοί χρωμάτων ενδέχεται να εμφανίζονται καλύτερα ή χειρότερα ανάλογα με το σχεδιασμό της οθόνης του υπολογιστή, τις ρυθμίσεις οθόνης ή τον τύπο του φωτός περιβάλλοντος.

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

Πηγή: https://www.aprompt.ca/WebPageColors.html

Γιατί οι επισκέπτες που έχουν προβλήματα με τα χρώματα δεν χρησιμοποιούν απλά τα εναλλακτικά κείμενα;

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

Τα περισσότερα προγράμματα περιήγησης γραφικών εμφανίζουν εναλλακτικό κείμενο μόνο όταν τα γραφικά είναι απενεργοποιημένα. Εξαίρεση αποτελεί ο Microsoft Explorer. Αυτό το πρόγραμμα περιήγησης εμφανίζει τα εναλλακτικά κείμενα ως συμβουλές εργαλείων εάν δεν υπάρχει χαρακτηριστικό title.

Σε αυτό το σημείο ελέγχου του A11y WCAG τεστ, δεν λαμβάνεται υπόψη το εναλλακτικό κείμενο.

Γιατί δεν ελέγχονται οι αντιθέσεις των φωτογραφιών;

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

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

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