Visibilité de la prise de focus #AdvisoryTechnique

Commenter

Publié le 23 septembre 2014 par Johan Ramon

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 (externe) (édition 2013).

Ce billet fait partie d’une série de billets sur les « Advisory Techniques » (WCAG).

Ajouter un commentaire

Les champs avec astérisque (*) sont obligatoires.

Haut de page