react-component / react-component/slider
rc-slider-handle raises issue with react-aXe accessibility checker
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 3.1k
- Forks
- 768
- Avg merge
- 11d 22h
- Merged PRs (30d)
- 5
Description
A site operated by my workplace uses react-axe to check the accessibility of the site, and although seemingly a minor issue, react-axe flags the slider handle as non-accessible under: "ARIA input fields have an accessible name". I believe this issue would be recitifed by simply adding an aria-label to the element.
More info on this error can be found here:
https://dequeuniversity.com/rules/axe/3.5/aria-input-field-name?application=axeAPI
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the rc-slider-handle element and reviewing how its accessibility attributes are currently assigned. Verify the change with react-axe or the axe rule linked in the issue; done means the slider handle has an accessible name and the reported violation is resolved.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100