[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;
}

I have added it to additional css part but still see same warnings.

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;
}

Hi Fernando,

I replaced but seems didn't work.

Can you also check?

Thanks a lot.
Have a nice day

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;
}

Hi David,

Yes, this solved the issue.

thank a lot.

https://prnt.sc/tKadsbP1qsm5

I see this in change log.
Should I keep this additional CSS in anyway?

GP Premium 2.2.1
Fix: Add value to off-canvas aria-hidden attribute
Tweak: Remove/add aria-hidden to off-canvas on toggle

Should I keep this additional CSS in anyway?

Yes, as the CSS is fixing a different issue. We'll get that patched in the next main update.

Hi David,

Is new version released to solve this issue?

GP Premium 2.2.2
Fix: Off Canvas anchor links not working

No, it's not the fix for this issue.