WCAG 2.4.12: Focus Not Obscured (Enhanced)

WCAG 2.4.12 Focus Not Obscured (Enhanced) is a level AAA success criterion from WCAG 2.2. No part of the focused item is hidden by author-created content.

Even a partly covered focus ring is hard to see.

How to test

The whole control, including its outline, should be visible when focused.

How to fix

Increase the scroll offset and move sticky UI away from focused items.

Example that fails

The bottom of a focused button sits under a sticky chat.

Example that passes the check

The whole button and its outline are visible.

Shopify

Raise scroll-padding and move chat apps so they do not cover focused controls.

WooCommerce

Move sticky add-to-cart so it does not cover the next field.

WordPress

Keep sticky bars short and offset scroll.

Wix

Resize the sticky banner so focused buttons clear it.

Related fixes