eg-grid row selection checkboxes should have aria-labels
Bug #1796936 reported by
Jane Sandberg
This bug affects 1 person
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Evergreen |
Fix Released
|
Medium
|
Unassigned |
Bug Description
As of 3.2.0, the eg-grids in both AngularJS and Angular have checkboxes that allow users to select a row (or all the rows). Currently, the AngularJS version has a title attribute, which is not reliably read by all screen readers, but which provides a nice tooltip. The Ang6 version does not have either a title or aria-label attribute.
These checkboxes should both have aria-label elements, so that screen reader users can know what the checkboxes do. It would be great to add a title attributes to the ang6 one too, to create the tooltip.
tags: | added: angular |
tags: | added: eg-grid |
Changed in evergreen: | |
status: | New → Confirmed |
assignee: | nobody → Galen Charlton (gmc) |
importance: | Undecided → Medium |
Changed in evergreen: | |
status: | Fix Committed → Fix Released |
To post a comment you must log in.
Actually, it seems like this is a bit more complex than I thought at first. When the row is already selected, this checkbox should actually be labeled as "Un-select row" (or something similar) in both Angular and AngularJS. The AngularJS client currently isn't toggling that title attribute between "Select row" and "Un-select row".