Ce que dit la norme
Toute interface utilisateur manipulable au clavier possède un mode de fonctionnement où l'indicateur de focus du clavier est visible.
Pourquoi c'est important
Supprimer l'anneau de focus est le moyen le plus rapide de rendre un site inutilisable au clavier, et cela traîne encore dans beaucoup de resets CSS.
À quoi ressemble un échec
- échoue`outline: none` sans rien remettre à la place.
- échoueUn style de focus si pâle qu'il échoue à 1.4.11.
Comment corriger
- à faireNe retirez jamais l'outline sans la remplacer. Stylez `:focus-visible` plutôt que de supprimer `:focus`.
- à faireDonnez à l'indicateur au moins 3:1 de contraste avec son entourage, en thème clair comme en thème sombre.
Comment A11ySignal le vérifie
manuel
Aucune règle automatique ne peut juger ce critère, et nous ne prétendrons pas le contraire. Une analyse propre ne veut pas dire que 2.4.7 est respecté — elle veut dire que rien de mesurable n'échoue. Celui-ci demande une personne.
Également sous 2.4 Navigable
- 2.4.1 Contourner des blocs
- 2.4.2 Titre de page
- 2.4.3 Parcours du focus
- 2.4.4 Fonction du lien (selon le contexte)
- 2.4.5 Accès multiples
- 2.4.6 En-têtes et étiquettes
- 2.4.8 Localisation
- 2.4.9 Fonction du lien (lien seulement)
- 2.4.10 En-têtes de section
- 2.4.11 Focus non masqué (minimum)
- 2.4.12 Focus non masqué (amélioré)
- 2.4.13 Apparence du focus