Marcelo Paiva

All criteriaPresent as slides

A woman rests her chin on her hand at a desk, facing a monitor and keyboard.Meant to show: A woman with thin arms resting on a keyboard tray across her lap

Success criterion 2.4.11

Focus Not Obscured (Minimum)

Ensures that when a user interface component receives keyboard focus, it is not completely obscured by other content, maintaining its visibility for users.

  • Level AA
  • Principle 2: Operable
  • Guideline 2.4: Navigable
  • New in WCAG 2.2

In a user’s words

“Playing peek-a-boo with focused elements isn't fun. Keep my focus visible!”

Who this helps: Visual Impairments, Motor Impairments

What each role can do

Product manager
Design interfaces to prevent essential elements from being obscured when they receive focus.
Designer
Consider the placement and visibility of interactive elements to ensure they remain visible when focused.
Developer
Implement UI designs where focused elements are not hidden by overlays or other content.
Tester
Test with keyboard navigation to ensure that focused elements are always at least partially visible.

Once it is fixed

“Thanks for keeping my digital path clear! Now I can navigate without guesswork.”

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

Or press the left arrow and the right arrow.