Non-Conformance Demo for WCAG 2.2 Success Criterion 2.4.11 Focus Not Obscured (Minimum) (Level AA)

2.4.11 Non-Conformance Shown with Non-Technical Explanation

This heading

is sticky

and can

interfere with

the user placing keyboard focus

on page subheadings and links

if moving backwards

from bottom to top

2.4.11 Non-Conformance Shown with Technical Explanation and Markup

CSS Markup

.stickyheaderfail {position: sticky;

        top: 0;}

CSS Markup

line 35 <div class=“stickyheader”>

line 53 <\div>