Afin de permettre aux utilisateurs qui naviguent au clavier de se situer dans la page, chaque élément interactif doit être visuellement mis en avant lors de la prise de focus (liens, champs de formulaires, boutons, etc.).
Une bonne pratique d’accessibilité consiste à doubler systématiquement chaque règle :hover
par une règle :focus
dans la CSS.
La règle outline: none;
(ou outline: 0;
) ne doit jamais être appliquée par défaut au focus dans la CSS, sauf dans les cas très précis où la visibilité du focus est ensuite surchargée plus tard dans la feuille de style.