The icon column (status-column) in the patron bills interface needs to convey its meaning to assistive technologies too
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Evergreen |
Fix Released
|
Medium
|
Unassigned | ||
3.10 |
Fix Released
|
Medium
|
Unassigned | ||
3.12 |
Fix Released
|
Medium
|
Unassigned |
Bug Description
In the Web client, the patron bills tab in the patron record has a particularly stylish column called status. This column contains a glyphicon icon that represents the status of the bill (a question-sign for lost, an exclamation-sign for long overdue, a clock icon for others). Unfortunately, this meaning is not available to users who use assistive technologies, including screen readers. We should -- at the very least -- put in a title attribute that includes the status. We should probably also add an aria-label.
Alternatively, we could follow FontAwesome's guidance for icons with semantic purpose here: https:/
Changed in evergreen: | |
status: | New → Confirmed |
tags: | removed: webstaffclient |
tags: |
added: circ-billing removed: billing |
Changed in evergreen: | |
importance: | Undecided → Medium |
Changed in evergreen: | |
assignee: | nobody → Terran McCanna (tmccanna) |
Changed in evergreen: | |
status: | Fix Committed → Fix Released |
Also, the Angular client uses the title attribute approach, which results in the nice tooltip. Probably a good idea to be consistent and use the title attribute (at minimum) in the AngularJS client.