2.4.11 Focus Not Obscured (Minimum)
The element with keyboard focus is never entirely hidden by other content, such as a sticky header.
Level AA, new in WCAG 2.2
What the automated checks look for
Controls are hidden under fixed content when focused
When this element has keyboard focus, a sticky header, footer or banner covers it completely.
Who it affects. People who use a keyboard can't see the control they are on, so they act without knowing what it is.
How to fix it. Leave room for fixed content when focus scrolls an element into view, with scroll-padding on the scrolling box.
<style>html { scroll-padding-top: 80px; scroll-padding-bottom: 80px; }</style>Read more
- Understanding 2.4.11, from the W3C
- Previous: 2.4.7 Focus Visible
- Next: 2.5.1 Pointer Gestures