canonical / canonical/vanilla-framework

Slider has two inputs

Open
#4,272 2 comments 0 reactions 0 assignees View on GitHub
Accessibility Priority: Medium Triaged: Pragma Triaged: v4
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.