Should role=listbox with overflow fail scrollable-region-focusable?
See original GitHub issueThis currently fails but I wonder if it should.
<div role="listbox" style="overflow-y: auto; max-height: .1em;">
<div role="option">…</div>
</div>
Open in CodePen (you can use the debug page to run axe)
For role=listbox
you should manage focus (through aria-activedescendat
). Thus it seems to make no sense to require the region to be focusable, as it shouldn’t. Perhaps I’m unaware of situations where a role=listbox
should get focus. In which case I’d be happy to learn about those.
Product: axe-core Expectation: no issue Actual: scrollable-region-focusable fails Motivation: not an accessibility issue
axe-core version: 4.3.5(?) (Whichever ember-a11y-testing uses)
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
scrollable-region-focusable - Accessibility Insights
For each element with the overflow property set to auto or scroll , make sure the element itself is focusable or contains a...
Read more >Ensure that scrollable region has keyboard access | Axe Rules
Keyboard navigation should not fail when focus moves to an element within a scrollable region. Rule Description. Elements that have scrollable content should...
Read more >1069739 - DIVs with overflow receiving focus, causing issues ...
This behavior may be beneficial, when the scrollable element contains no focusable children. If the scrollable element would not be able to receive...
Read more >scrollable-region-focusable - Knowledge Base - Evinced
Description. Any scrollable area (HTML element that has one of the following CSS properties: overflow , overflow-x , or overflow-y set to auto...
Read more >Scrollable Listbox Example | APG | WAI - W3C
The scroll position will jump as described for focusItem if a means other than a mouse click is used to change focus after...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Thank you all for looking into this. I think we can close this as it seems to be an issue in our implementation rather than the test. Thanks again!
Here’s the code for it: https://github.com/dequelabs/axe-core/blob/develop/lib/rules/scrollable-region-focusable-matches.js#L31
Axe checks if the element has a role that can be a popup, like listbox, and then it checks if that element is controlled or owned by a combobox.