Marcelo Paiva

All criteriaPresent as slides

A man in glasses leans close to a monitor, one hand touching the screen, the other typing.Meant to show: A man with cerebral palsy, one hand strapped into a typing splint

Success criterion 2.4.7

Focus Visible

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

  • Level AA
  • Principle 2: Operable
  • Guideline 2.4: Navigable

In a user’s words

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

Who this helps: Visual Impairments, Cognitive Impairments

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!”

The quotes are written to illustrate the criterion. They are not testimonials from real people. For the official wording, find 2.4.7 in the W3C quick reference for WCAG 2.2 (opens in a new tab).

Or press the left arrow and the right arrow.