Repository navigation
USWDS - Bug: Time picker instructions need more specificity to pass WCAG #6061
Description
Describe the bug
The existing visible instructions for time picker aren't sufficient to prevent errors; we need to add clarity to the format and options to prevent users from typing in potentially invalid times.
See https://www.w3.org/TR/WCAG20/#minimize-error-cues for clarification on 3.3.2
Steps to reproduce the bug
- Go to https://designsystem.digital.gov/components/time-picker/
- View hh:mm
- Try typing in 12:15
- Try typing in 19:30
Findings: hh:mm may not provide enough instructions for a user to select a valid time.
Expected Behavior
Suggest adding more clear instructions. For example:
Start typing or select an AM or PM time in half-hour increments.
Screenshots
No response
System setup
No response
Additional context
FYI there's a related issue here for adding a 24 hour option #4947
Code of Conduct
- I agree to follow this project's Code of Conduct.
- I checked the current issues for duplicate bug reports.
Metadata
Metadata
Assignees
Labels
A finding from an accessibility audit. Keep links to the test, result, and affected user experience.An accessibility audit recorded a failure. Link the failing test and retest evidence before closing.Accessibility audit work or its findings. Preserve the test scope and evidence in the issue.Historical record of work added during a sprint. Not required for current triage.Affects access for disabled users or assistive tech. Record the barrier; not a severity score.
Activity
[-]USWDS-Site - Bug: Time picker instructions need more specificity to pass WCAG[/-][+]USWDS - Bug: Time picker instructions need more specificity to pass WCAG[/+]mejiaj commentedon Sep 18, 2024
Removed
Sitefrom the issue title to avoid confusion.5 remaining items
amyleadem commentedon Oct 23, 2024
Update
In a team discussion, we agreed to move forward with text that generally follows this structure: "Select a time from the dropdown. Type to filter options"