Visibilité de la prise de focus #AdvisoryTechnique
Providing a highly visible highlighting mechanism for links or controls when they receive keyboard focus
Ici, l’idée est de rendre bien visible l’atteinte des liens et boutons au clavier.
Tandis qu’il est suffisant de conserver l’outline proposé par défaut dans les navigateurs (la bordure en pointillé sous Firefox, par exemple), il est recommandé dans cette Advisory Technique d’accentuer la visibilité de la prise de focus des liens et boutons.
Pour ce faire, une technique simple peu consister à appliquer le même style graphique prévu au survol à la prise de focus.
Concrètement, il s’agit de doubler, dans les CSS, les pseudo-classes :hover
avec :focus
comme par exemple :
a:hover, a:focus {text-decoration: underline;}
À noter que vous pouvez retrouver cette astuce davantage détaillée dans la conférence « Accessibiliser » avec subtilité que j’ai présentée à Paris Web (édition 2013).
Ce billet fait partie d’une série de billets sur les « Advisory Techniques » (WCAG).