Checkboxes on purchase order screen have no accessible name
Bug #2009092 reported by
Jane Sandberg
This bug affects 1 person
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Evergreen |
Fix Released
|
Medium
|
Unassigned |
Bug Description
Steps to recreate:
1) Open a purchase order (in the new angular version)
2) Note that each line item has a checkbox to the left of the title.
3) Inspect the accessibility properties of the checkbox using your browser.
4) Note that there is no accessible name.
The impact: if somebody is using a screenreader, they would have to use context to understand what the checkbox is for, and which line item it even pertains to.
One possible implementation:
1) Give each line item ID display (#1, #2, etc.) a unique ID
2) Add an aria-labelledby attribute to the checkbox to point to that id
tags: | added: acq |
Changed in evergreen: | |
assignee: | nobody → Stephanie Leary (stephanieleary) |
status: | New → Confirmed |
Changed in evergreen: | |
status: | Fix Committed → Fix Released |
To post a comment you must log in.
Branch: https:/ /git.evergreen- ils.org/ ?p=working/ Evergreen. git;a=shortlog; h=refs/ heads/user/ sleary/ lp2009092- acq-lineitem- checkbox- labels
I've found numerous other accessibility issues with this screen, but I will file those separately.