Αρχική › Γνωσιακή βάση › Κριτήριο WCAG

Ορατή εστίαση κατά WCAG 2.4.7

Όποιος πλοηγείται με το πληκτρολόγιο πρέπει να βλέπει ανά πάσα στιγμή ποιο στοιχείο έχει την εστίαση. Ένα outline: none χωρίς αντικατάσταση παραβιάζει το κριτήριο 2.4.7.

Συχνά λάθη

*:focus { outline: none } στο reset CSS χωρίς αντικατάσταση, ένα στυλ εστίασης με πολύ χαμηλή αντίθεση, ή ένας δακτύλιος εστίασης που καλύπτεται από το επόμενο στοιχείο.

Πώς το κάνετε σωστά

Χρησιμοποιήστε :focus-visible (δείχνει τον δακτύλιο μόνο με χρήση πληκτρολογίου), τουλάχ. 2 px, καθαρή αντίθεση, λίγη απόσταση (outline-offset). Ο δακτύλιος μπορεί να παραμείνει ορατός ακόμη κι αν ενοχλεί — απλώς δεν επιτρέπεται να λείπει.

Πώς βοηθά το a11yglass

Η δωρεάν σάρωση ελέγχει το παρεχόμενο HTML και CSS για αυτόματα αναγνωρίσιμες παραβιάσεις WCAG και αναφέρει ανά εύρημα το κριτήριο επιτυχίας και ένα συγκεκριμένο μέτρο. Εντοπίζει περίπου το 20–35 % των προβλημάτων και δεν αντικαθιστά πλήρη αξιολόγηση.

Διαβάστε περισσότερα

• Χειρισμός με πληκτρολόγιο κατά WCAG 2.1.1
• Αντίθεση χρωμάτων κατά WCAG 1.4.3

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