canonical / canonical/vanilla-framework
Slider has two inputs
- Dominant language
- HTML
- Stars
- 983
- Forks
- 216
- Avg merge
- 3d 13h
- Merged PRs (30d)
- 3
Description
Currently the Slider component has two inputs with the same value, the actual slider thumb and the input field. This is causing problems with accessibility.
When the slider thumb moves, the value in the input box which is visible to sighted users isn't read out by the screen reader. The screen reader just keeps repeating "greater than".
Contributor guide
Research direction
Start by inspecting the Slider component, especially the slider thumb and the visible input field, then reproduce the behavior with a screen reader. Done means the current slider value is announced correctly when the thumb moves and the duplicate-input accessibility problem is resolved.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100