You are here: Homepage > AcceDe Web Guidelines > HTML and CSS accessibility guidelines > 12. Keyboard Navigation > 12.3. Ensure that keyboard focus is visible

12.3. Ensure that keyboard focus is visible

In order to ensure that users navigating using the keyboard know where they are on the page, each interactive element (links, buttons, form fields, etc.) must stand out visually when it receives focus.


Ensure that this focus indicator has sufficient contrast.


Good accessibility practice is to systematically back up each :hover rule with a :focus rule in CSS.

For example:

main a:hover,
main a:focus {
   text-decoration: none;

Find out more


Add a comment

All fields are mandatory.

Back to top