8000 USWDS - Bug: Range slider is missing instructions · Issue #6443 · uswds/uswds · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

USWDS - Bug: Range slider is missing instructions #6443

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

Open
2 tasks done
amycole501 opened this issue Mar 14, 2025 · 1 comment
Open
2 tasks done

USWDS - Bug: Range slider is missing instructions #6443

amycole501 opened this issue Mar 14, 2025 · 1 comment
Assignees
Labels
A11Y Audit: Fails A11Y Audit Findings A11y Audit Issues related to the accessibility audit Affects: Accessibility 🟡 Relates to the accessibility of our components Package: Range Slider

Comments

@amycole501
Copy link

Describe the bug

The range slider has no visible instructions (and therefore no screen reader accessible instructions) for how to operate the range slider.

Steps to reproduce the bug

  1. Go to https://designsystem.digital.gov/components/range-slider/
  2. Note there are no instructions on how to select an amount.

Expected Behavior

The range slider needs visible instructions, which are also screen reader accessible, to pass WCAG 3.3.2 labels or instructions.

Above the range slider element add the instructions "Move the button to the right to increase the amount and to the left to decrease it."

Ensure the instructions are associated programmatically with the range slider to they are also accessible to a screen reader to comply with 1.3.1 Info and relationships.

Related code

No response

Screenshots

No response

System setup

All devices and browsers.

Additional context

Ideally, this needs to be done prior to May 2025.

Code of Conduct

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A11Y Audit: Fails A11Y Audit Findings A11y Audit Issues related to the accessibility audit Affects: Accessibility 🟡 Relates to the accessibility of our components Package: Range Slider
Projects
Status: Ready to Schedule
Development

No branches or pull requests

3 participants
0