Level AASince WCAG 2.2New in 2.2

2.4.11 Focus Not Obscured (Minimum)

Guideline 2.4: Navigable – People can find their way and always know where they are.

What does the rule require?

The focused element is not completely hidden – for example by a sticky header, a cookie banner or a chat window.

How to get it right

Set scroll-padding-top to the height of the sticky header and make sure sticky banners and chat buttons never fully cover the focused element.

Who benefits most?

Official wording

This page explains the rule in simple words. Only the original W3C text is normative.