Σημείο ελέγχου 2.4.7 Τρέχουσα θέση εστίασης πάντα ορατή

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

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

Οι κρυφοί σύνδεσμοι για παράκαμψη μπλοκ θα πρέπει να εμφανίζονται όταν διατηρείται η εστίαση.

Είναι σημαντικό για τους χρήστες του πληκτρολογίου να μπορεί τον ενδείκτη επισήμανσης πληκτρολογίου να εντοπίση οπτικά. Δηλαδή ποιος σύνδεσμος ενεργοποιείται όταν πατούν το πλήκτρο Enter.

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

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

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

Το σημείο ελέγχου δηλ. Κριτήριο επιτυχίας 2.4.7, ισχύει εάν η σελίδα περιέχει διαδραστικά στοιχεία.

2. Έλεγχος

1. Φόρτωση σελίδας στον Firefox.
2. Μετακινήστε όλα τα στοιχεία ελέγχου και ελέγξτε εάν αντιδρούν στην εστίαση με γραφικές αλλαγές (για παράδειγμα με αλλαγές χρώματος, υπογράμμιση ή εμφανιζόμενα σύμβολα). Οι κρυφοί σύνδεσμοι για παράκαμψη μπλοκ θα πρέπει να εμφανίζονται όταν διατηρείται η εστίαση.
3. Εάν η επισήμανση της εστίασης γίνεται αποκλειστικά μέσω αλλαγής χρώματος, ελέγξτε εάν η αναλογία αντίθεσης μεταξύ των εστιασμένων και των μη εστιασμένων καταστάσεων είναι τουλάχιστον 3:1.
4. Για συνδέσμους που δεν αλλάζουν γραφικά, ελέγξτε αν ανταποκρίνονται στον κέρσορα του ποντικιού.
5. Εάν συμβαίνει αυτό: ακυρώστε ή συνεχίστε με το 6.
6. Εάν εμφανίζεται μόνο η τυπική εστίαση του πληκτρολογίου του προγράμματος περιήγησης (στεφάνι συστήματος), ελέγξτε αν μπορεί να αναγνωριστεί εύκολα σε φόντο που έχει σχεδιαστεί (δηλαδή έγχρωμο με χρήση CSS).
7. Σε περιπτώσεις αμφιβολίας, προσδιορίστε εάν η απόσταση αντίθεσης μεταξύ της εστίασης του συστήματος και του φόντου είναι τουλάχιστον 3:1 σύμφωνα με το σημείο ελέγχου 1.4.3(a) "Αντίθεση (Ελάχιστη)".
8. Φορτώστε τη σελίδα στο πρόγραμμα περιήγησης Chrome και επαναλάβετε τα βήματα 2-7.

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

• Ο έλεγχος πρέπει να πραγματοποιείται με ενεργοποιημένη τη JavaScript.
• Το σημείο ελέγχου δεν ικανοποιείται εάν δεν υπάρχει καθόλου εστίαση πληκτρολογίου. Δηλαδή ο ιστότοπος καταστέλλει την εστίαση πληκτρολογίου του ίδιου του προγράμματος περιήγησης. Για παράδειγμα με JavaScript blur() ή CSS outline:none. Στη συνέχεια, το Κριτήριο επιτυχίας 2.1.1 «Μπορεί να χρησιμοποιηθεί χωρίς ποντίκι» μπορεί να μην ικανοποιείται!
• η παροχή αρκετής αντίθεσης της εστίασης ποντικιού και πληκτρολογίου ελέγχεται στο Σημείο ελέγχου 1.4.3(a) Αντίθεση (Ελάχιστη).

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

• Περιγράμματα, υπογράμμιση, αντιστροφή χρώματος, αλλαγές σχήματος ή πρόσθετες σημάνσεις χρησιμοποιούνται με την εστίαση πληκτρολογίου.
• Εάν η εστίαση των συνδέσμων ή των κουμπιών μεταφέρεται μόνο με την αλλαγή του χρώματος του κειμένου ή του φόντου, η αναλογία αντίθεσής τους προς την κατάσταση χωρίς εστίαση είναι τουλάχιστον 3:1.
• Εάν εμφανίζεται μόνο η τυπική εστίαση του πληκτρολογίου του προγράμματος περιήγησης, είναι επαρκώς ορατή σε σχεδιασμένα φόντο πληροί το Σημείο ελέγχου 1.4.3(b) "Επαρκείς αντιθέσεις γραφικών".

• Οι σύνδεσμοι μετάβασης (παράκαμψη μπλοκ) παραμένουν κρυφοί διατηρώντας παράλληλα την εστίαση.

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

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

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

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