Skip to content

Set aria-hidden-focusable to on 1x1 elements #4165

@WilcoFiers

Description

@WilcoFiers

React ARIA has <Select> components where they hide a real select element in a 1x1 aria-hidden container, and then set a button right next to it to serve as the styleable select element. I wouldn't have guess it, but it seems to work fairly reliably. The hidden input element takes focus and then redirects it to the button, which because it has aria-haspopup="listbox" announced as expected.

I wouldn't mind a little more testing with JAWS / NVDA, but in VO this looks right, so if that works out I think we need to set this to needs review. I wouldn't want to go quite so far as to just pass it since I can well imagine a situation where such hidden controls aren't managed properly.

Here's the page where this problem exists: https://react-spectrum.adobe.com/react-aria/useSelect.html#false-positives

Metadata

Metadata

Assignees

Labels

fixBug fixesrulesIssue or false result from an axe-core rulesupport

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions