SC-2.4.12: Modal fully covers focused control

Corpus WCAG 2.2Applies to WCAG 2.2Level AAAAutomatable: partial

Summary: A full-screen overlay hides the focused element from view.

Why it fails: Keyboard users lose sight of focus because the modal obscures the entire focused control with no partial visibility.

Failure technique

Synthetic specimen — no W3C failure technique.

Understanding

https://www.w3.org/WAI/WCAG22/Understanding/focus-not-obscured-enhanced

Quickref

https://www.w3.org/WAI/WCAG22/quickref/#focus-not-obscured-enhanced

Tab to the field — the dark overlay fully hides the focused control.

Intentional failure — audit this region

SC-2.4.12

<div class="sc2412-wrap">
  <input type="text" id="sc2412-input" value="Focused field">
  <div class="sc2412-overlay" aria-hidden="true"></div>
</div>

Expected audit result

2.4.12: fail — Specimen demonstrates failure of 2.4.12.

Manual check: Tab to a control, open the overlay, and confirm no part of the focused control remains visible.