Marcelo Paiva
A bearded man wearing glasses, his face framed by large monstera and oval leaves on all sides.

Success criterion 2.4.12 · Level AAA

Focus Not Obscured (Enhanced)

“I need clear sightlines to navigate—ensure nothing's hiding my focus, not even a pixel!”

Who this helps: Visual Impairments, Motor Impairments

Success criterion 2.4.12 · Level AAA

Focus Not Obscured (Enhanced)

When a user interface component receives keyboard focus, no part of it is obscured by other content, ensuring complete visibility of the focused element.

Principle 2: Operable · Guideline 2.4: Navigable

What each role can do

Product manager
Aim for the highest level of clarity by ensuring that no focused component is partially or fully obscured.
Designer
Design the user experience to keep the focus area completely unobscured, regardless of the site's dynamic content or overlays.
Developer
Develop web pages so that focused elements are always fully visible and not covered by any author-created content.
Tester
Conduct thorough accessibility testing to ensure that when elements receive focus, they are entirely visible.

Once it is fixed

“Spotlight on what matters—my focus. Thanks for making sure nothing gets in its way, not even for a second!”

Next criterion: 2.4.13 Focus Appearance