Xurxe Toivo García

Hi everyone! I just wanted to hop into this very interesting discussion and add my two cents, as a web developer and IAAP-certified accessibility specialist ([CPACC](https://www.accessibilityassociation.org/s/certified-professional), [WAS](https://www.accessibilityassociation.org/s/wascertification), [CPWA](https://www.accessibilityassociation.org/s/certified-professional-web-accessibility)). ### TL;DR...

Thanks @jscholes for your thoughtful reply! What I understand from this conversation is that we both agree on our interpretation of ARIA 1.1 (side note: when I quoted the spec...

Arrow keys work fine for me on a couple of different Firefox versions (102.0.1, 107.0.1). This is with VoiceOver on macOS Monterey 12.6.

i *highly suspect* that the problem is that the `aria-expanded` and/or `aria-controls` attributes are not used according to the spec. ## `aria-expanded` spec: https://www.w3.org/TR/wai-aria-1.1/#aria-expanded These are its possible values: >...

> If I remember correctly, this was changed so that the aria-controls won't reference an element that doesn't exists, for example when the menu is hidden (it is not rendered,...

Relevant discussion on the W3C github: - https://github.com/w3c/aria/issues/1587

i just tested this on [mui.com/material-ui/react-drawer](https://mui.com/material-ui/react-drawer/) + VoiceOver + iOS. my findings: - if you tap + double-tap on the backdrop, the drawer closes. this is the expected behavior, because...

hmmm apparently doing that creates a different problem. when the portal is disabled, the drawer is rendered inside the `` element, which is `aria-hidden` when the drawer is open, which...

p.s. I believe that https://github.com/mui/material-ui/issues/19450 is related to what I pointed out in my last comment.

TL;DR: it's actually not as simple as tackling the `tabindex` :'D long version: I dug into it a little deeper, and this is what's going on: 1. In the first...