2.4.12: Focus Not Obscured (Enhanced) [AAA]

Description Sufficient Techniques Advisory Techniques Failures Notes

Description

When a user interface component receives keyboard focus, no part of the component is hidden by author-created content.

Sufficient Techniques

Sufficient Techniques for Success Criterion 2.4.12

Note: Other techniques may also be sufficient if they meet the success criterion. See Understanding Techniques.

• C43: Using CSS scroll-padding to un-obscure content

Advisory 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

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.

Notes