[Resolved] [aria-hidden=”true”] elements contain focusable descendents

Hi there,

what happens if you add this CSS to the site ?

#generate-slideout-menu[aria-hidden="true"] :is(button, input) {
    display: none;
}

Hi Roadlink,

I see. Can you try replacing the code above with this instead to test as well?:

#generate-slideout-menu[aria-hidden="true"] :is(button, input) {
    visibility: hidden;
}

So the error being reported is related to this:

https://dequeuniversity.com/rules/axe/4.4/aria-hidden-focus

If you look at the second bullet point: Content hidden through CSS. Then that should resolve the issue. But it seems Google doesn’t resolve it.

Try this:

#generate-slideout-menu[aria-hidden="true"] * {
    display: none !important;
    visibility: hidden;
}