WCAG 2.4.11 · Level AA · WCAG 2.2
Focus Not Obscured (Minimum)
When a component has keyboard focus, the focus indicator must not be entirely hidden by author-created content like sticky headers or cookie banners.
- Principle
- Operable
- Guideline
- Navigable
- Level
- AA
- Added in
- WCAG 2.2
What it means
When a component has keyboard focus, the focus indicator must not be entirely hidden by author-created content like sticky headers or cookie banners.
This is the short summary — a long-form breakdown (with code examples, common failures, and fix patterns) is queued for this criterion. In the meantime, the official W3C document linked at the end of the page is the authoritative source.
Quick checks
- Run axe DevTools against the page and filter for rules citing 2.4.11.
- Navigate the component with Tab + Enter only and confirm nothing is orphaned.
- Inspect the accessibility tree in DevTools (Accessibility pane in Chrome/Firefox).
Further reading
The authoritative source is the official W3C Understanding document for 2.4.11. Framework-specific patterns and axe-rule mappings land here as the library grows.