Skip to content

USWDS - Bug: Range slider missing visible cues for value #6116

@amycole501

Description

@amycole501

Describe the bug

The range slider has audible cues that indicate "22 out of 100" for example, but that type of granular detail isn't clear when viewing the range slider. The location of the button doesn't indicate the current value nor does the entire slider bar indicate the capacity (0-100 for example).

Steps to reproduce the bug

  1. Go to https://designsystem.digital.gov/components/range-slider/
  2. View the range slider
  3. Operate the range slider using JAWS, VO, or NVDA
  4. Hear the precise values announced.
  5. Note that there are no visible indications that reflect those exact numbers.

Expected Behavior

We want to give the most accessible example of the component for users to follow. By allowing SR users to hear the precision value of the amount, we are not providing an equal experience for sighted users who instead get a rougher, "ballpark" range experience. Sighted users also are unable to tell the full amount (in the case of our example, it goes from 0-100).

See examples that do include the numerals:
https://carbondesignsystem.com/components/slider/usage/
https://www.lightningdesignsystem.com/components/slider/

Related code

No response

Screenshots

No response

System setup

JAWS 2024, PC, Chrome

Additional context

No response

Code of Conduct

Sub-issues

Metadata

Metadata

Type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions