The Wayback Machine - https://web.archive.org/web/20201208045311/https://github.com/appbaseio/reactivesearch/issues/1555
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

a11y: RangeSlider - inappropriate role for element #1555

Open
PeterCiuffetti opened this issue Oct 27, 2020 · 0 comments
Open

a11y: RangeSlider - inappropriate role for element #1555

PeterCiuffetti opened this issue Oct 27, 2020 · 0 comments
Labels
bug

Comments

@PeterCiuffetti
Copy link

@PeterCiuffetti PeterCiuffetti commented Oct 27, 2020

Affected Projects
React

Library Version: 3.12.7

Describe the bug
RangeSlider uses a button element for the slider. This also uses aria attribute for accessibility. The problem is that role="slider" is not allowed on a button element. ARIA in HTML specs indicate that a button has an implicit role of button and cannot specify another role.

To Reproduce
Install the Chrome browser plugin from Deque called Axe
https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd?hl=en

On any page that implements RangeSlider, visit with Chrome. Open the debugging console and move to the Axe tab. Press 'Analyze'.

Expected behavior
To fix this issue, range slider is going to have to use a styled div or some other element that allows role=slider

Screenshots
image

Desktop (please complete the following information):

  • OS: Mac OSX Catalina
  • Browser chrome
  • Version 86.0.4240.111

Additional context
We originally found this issue on the following page in our system:
https://mindscapecommons.net/search?q=%22vr%22

@PeterCiuffetti PeterCiuffetti added the bug label Oct 27, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
1 participant
You can’t perform that action at this time.