ARIA labels needed in date select, datetime select
Bug #2043421 reported by
Stephanie Leary
This bug affects 1 person
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Evergreen |
Fix Released
|
Medium
|
Unassigned | ||
3.10 |
Fix Released
|
Medium
|
Unassigned | ||
3.11 |
Fix Released
|
Medium
|
Unassigned |
Bug Description
In reviewing the core UI components, I found that date-select and datetime-select have form inputs without labels. We should review these and try to add visible labels where possible, but for now just adding aria-label attributes will solve the immediate accessibility problem.
Branch coming up.
tags: | added: pullrequest |
Changed in evergreen: | |
assignee: | Stephanie Leary (stephanieleary) → nobody |
Changed in evergreen: | |
importance: | Undecided → Medium |
assignee: | nobody → Terran McCanna (tmccanna) |
tags: | added: signedoff |
Changed in evergreen: | |
status: | Fix Committed → Fix Released |
To post a comment you must log in.
Here's a branch: https:/ /git.evergreen- ils.org/ ?p=working/ Evergreen. git;a=shortlog; h=refs/ heads/user/ sleary/ LP2043421- aria-labels- date-selects
To test:
1. Go to /staff/sandbox
2. Find the date input just under the green "Test Strings" button
3. Inspect the <input>. In the accessibility inspector (not the element inspector), look for the accessible name property. It should be "Enter date."
4. Search further down the page for "Your datetime is" and look at the <input> just above this line.
5. Inspect this <input>. Its accessible name should be "Enter date and time."