Resource guide

2.4.12 Focus Not Obscured (Enhanced)

When a component receives keyboard focus, it must be fully visible and not obscured by any other content.

By Calling All Minds·Last updated April 2026

2.4.12

Success criterion

AAA

Conformance level

Enhanced accessibility — beyond the legal minimum.

New

Added in WCAG 2.2

What it means

This is the enhanced version of 2.4.11. Where Level AA requires only that the focused component is not completely hidden, Level AAA requires that it is entirely visible. No part of the focused element should be covered by sticky headers, overlays, or other fixed-position content.

In practice

Use generous scroll padding that fully accounts for any fixed elements: scroll-padding-top: 100px if your header is 80px tall gives a comfortable buffer.

Consider whether sticky elements are necessary. Fixed navigation is a convenience but creates significant focus management overhead.

Common failures

  • Sticky header that partially covers the top of a focused element

AXS Audit

AXS Audit checks your site against 2.4.12 and flags issues your team can act on straight away. It covers criteria that automated scanners often miss.

Explore AXS Audit