ARIA labels needed in date select, datetime select

Bug #2043421 reported by Stephanie Leary
6
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.

Revision history for this message
Stephanie Leary (stephanieleary) wrote :

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."

tags: added: pullrequest
Changed in evergreen:
assignee: Stephanie Leary (stephanieleary) → nobody
Changed in evergreen:
importance: Undecided → Medium
assignee: nobody → Terran McCanna (tmccanna)
Revision history for this message
Terran McCanna (tmccanna) wrote :

Works for me!

Pushed to main, 3.12, 3.11, and 3.10

Changed in evergreen:
status: New → Fix Committed
assignee: Terran McCanna (tmccanna) → nobody
tags: added: signedoff
Changed in evergreen:
status: Fix Committed → Fix Released
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.