Icon content should be hidden from assistive technologies

Description

Suggestions for fixes as part of the WCAG 2.0 accessibility audit of the UI options tools 

  • hide decorative icon characters with the aria-hidden="true" attribute. Ex. <span class="fl-icon-font" aria-hidden="true"></span>.

  • use of characters like “+” in place of icons might confuse AT users as it is interpreted as “plus”.

-solves comment about "Update the labels for the slider images to better describe purpose. Ex instead of “Icon of 3 horizontal lines with narrow space” use, “Narrower spacing between lines”. 

Environment

None

Activity

Justin ObaraAugust 12, 2016 at 11:56 AM

I believe this may have been reopened by accident instead of being closed.

Kaye MaoAugust 11, 2015 at 6:47 PM

Justin ObaraJune 12, 2015 at 1:05 PM

for the "+" and "-" in the tab for the sliding panel, those values are supplied by the message bundle. It may take some reworking to switch to using an icon for those portions.

Justin ObaraJune 9, 2015 at 6:28 PM

It's probably enough to remove the aria-label, and possibly also adding a role="presentation" if it is still being picked up by the AT.

Fixed

Details

Assignee

Reporter

Fix versions

Affects versions

Priority

Created June 9, 2015 at 6:01 PM
Updated August 12, 2016 at 11:56 AM
Resolved August 12, 2016 at 11:56 AM