2.4.12: Focus Not Obscured (Enhanced) [AAA]
When a user interface component receives keyboard focus, no part of the component is hidden by author-created content.
Sufficient Techniques for Success Criterion 2.4.12
Note: Other techniques may also be sufficient if they meet the success criterion. See Understanding Techniques.
Advisory Techniques for Success Criterion 2.5.3
- If an icon has no accompanying text, consider using its hover text as its accessible name (Potential future technique)
Failures for Success Criterion 2.4.12
- An interaction that causes content to appear over the component with keyboard focus, visually covering part of the focus indicator. This behavior might be encountered with advertising or promotional material meant to provide more information about a product as the user navigates through a catalogue.
- A page has a sticky footer (attached to the bottom of the viewport). When tabbing down the page, a focused item is partially hidden by the footer because content in the viewport scrolls without sufficient scroll padding.