The icon column (status-column) in the patron bills interface needs to convey its meaning to assistive technologies too

Bug #1818086 reported by Jane Sandberg on 2019-02-28
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Evergreen
Undecided
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://fontawesome.com/v4.7.0/accessibility/ -- this wouldn't give the nice tooltip for sighted users, though, which could be helpful for those who are getting used to what these icons mean.

Jane Sandberg (sandbej) wrote :

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.

To post a comment you must log in.
This report contains Public information  Edit
Everyone can see this information.

Other bug subscribers