Icons in staff client menu bars should be hidden from screen readers
Bug #1795720 reported by
Jane Sandberg
This bug affects 1 person
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Evergreen |
Fix Released
|
Medium
|
Unassigned | ||
3.4 |
Fix Released
|
Medium
|
Unassigned |
Bug Description
Font awesome (and several other sources) recommend that decorative icons, such as the ones in the AngularJS and Angular navbars, have the aria-hidden attribute affixed to them, to indicate to screen readers that it's safe to skip reading those icons to the user.
In 3.2 release candidate, neither the Angular nor the AngularJS navbar has icons with those aria-hidden attributes.
Changed in evergreen: | |
status: | New → Confirmed |
Changed in evergreen: | |
status: | Fix Committed → Fix Released |
To post a comment you must log in.
Jane, I wanted to clarify the work. By navbar, are you referring to the dark green top nav on all pages? (See attached screenshot)
The home icon on the far left and the icon on the far right shouldn't be hidden, because there is no text associated with them and they have useful functionality. That leaves only the downward pointing arrows after "Search", "Circulation", etc. (class="caret" in the HTML). Is that what you're saying we should apply aria-hidden to? Or perhaps I'm missing something?