Skip to main content

Hidden elements can still be reached by keyboard

aria-hidden-focus

Some parts of the page are hidden from screen readers but can still be tabbed into, so keyboard users land somewhere invisible.

Who this affects

Sighted keyboard users, whose focus disappears off screen with no way to tell where they are.

Fix it in WordPress

Usually a closed mobile menu or a hidden slide in a carousel. Most sliders have a setting for this; otherwise the elements need tabindex="-1" while hidden.

What the fix is, technically

Anything marked aria-hidden must not contain focusable elements. Remove them from the tab order too.

Does your site have this problem?

Scan any page free and find out in about fifteen seconds. No signup, and nothing about your site is stored.

Check my page

Other common failures