question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Should role=listbox with overflow fail scrollable-region-focusable?

See original GitHub issue

This 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:closed
  • Created 2 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
ZoeBijlcommented, Nov 30, 2021

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!

1reaction
WilcoFierscommented, Nov 29, 2021

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found