Checkboxes on purchase order screen have no accessible name

Bug #2009092 reported by Jane Sandberg
8
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
Revision history for this message
Stephanie Leary (stephanieleary) wrote :

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.

tags: added: pullrequest
Changed in evergreen:
assignee: Stephanie Leary (stephanieleary) → nobody
Revision history for this message
Terran McCanna (tmccanna) wrote :
tags: added: signedoff
Revision history for this message
Jane Sandberg (sandbergja) wrote :

Thanks, Stephanie and Terran! Pushed to rel_3_10 and above.

Changed in evergreen:
milestone: none → 3.10.2
importance: Undecided → Medium
status: Confirmed → Fix Committed
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.