Marcelo Paiva
A man in glasses leans close to a monitor, one hand touching the screen, the other typing.

Success criterion 2.4.7 · Level AA

Focus Visible

“Where's Waldo? More like, where's my focus? Show me where I am!”

Who this helps: Visual Impairments, Cognitive Impairments

Success criterion 2.4.7 · Level AA

Focus Visible

Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.

Principle 2: Operable · Guideline 2.4: Navigable

What each role can do

Product manager
Prioritize visibility of keyboard focus throughout the site.
Designer
Design distinct focus states that are easily discernible.
Developer
Implement visible focus indicators using CSS and other web technologies.
Tester
Check to make sure that focus indicators are visible in all states and components.

Once it is fixed

“Thank you for making my keyboard focus stand out! Now, navigating your site is like a game I can actually win!”

Next criterion: 2.4.8 Location