Accessibility · Middle · Question 34 of 75

A sticky header covers the focused element after tabbing. What fixes it?

1scroll-padding-top on the scrolling container
2outline-offset on every focusable element
3position: static on the page's <body>

Show the answer

Correct answer: scroll-padding-top on the scrolling container

Explanation

WCAG 2.2 requires a focused element not to be entirely hidden by author content. Scroll padding keeps it clear of the header.

Further reading

WCAG 2.2 Understanding: Focus Not Obscured (Minimum) ↗

Test yourself

Take the Accessibility · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.