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