You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am running the accessibility report extension and I get flagged an error: scrollable-region-focusable: Elements with scrollable content must be accessible by keyboard. It affects the search box, enabled via plugin.
Path: .md-search__scrollwrap
Snippet:
- <div class="md-search__scrollwrap"> <div class="md-search-result" data-md-component="search-result">
- <div class="md-search-result__meta">Type to start searching</div> <ol class="md-search-result__list" role="presentation"></ol> </div>
Fix ONE of the following:
- Element should have focusable content
- Element should be focusable
Adding a tabindex="0" to the div section <div class="md-search__scrollwrap"> removes the error.
However, I created this issue in the material-mkdocs project and you can navigate search results with the keyboard, and the author claims that the flag is a false positive.
Run the accessibility-insights-web extension. The error relates to the search box. If you search commands you can scroll through results, so the error is probably a false positive.
Expected behavior
If this is a false positive, an error should not be flagged.
Screenshots
Context (please complete the following information)
OS Name & Version: Windows 11
Browser Version: Microsoft Edge Version 125.0.2535.51 (Official build) (64-bit)
This issue requires additional investigation by the Accessibility Insights team. When the issue is ready to be triaged again, we will update the issue with the investigation result and add "status: ready for triage". Thank you for contributing to Accessibility Insights!
Describe the bug
I am running the accessibility report extension and I get flagged an error:
scrollable-region-focusable: Elements with scrollable content must be accessible by keyboard.
It affects the search box, enabled via plugin.Adding a
tabindex="0"
to the div section<div class="md-search__scrollwrap">
removes the error.However, I created this issue in the material-mkdocs project and you can navigate search results with the keyboard, and the author claims that the flag is a false positive.
To Reproduce
Steps to reproduce the behavior:
accessibility-insights-web
extension. The error relates to the search box. If you searchcommands
you can scroll through results, so the error is probably a false positive.Expected behavior
If this is a false positive, an error should not be flagged.
Screenshots
Context (please complete the following information)
Are you willing to submit a PR?
No.
Did you search for similar existing issues?
Yes.
The text was updated successfully, but these errors were encountered: