Indentify a font icon semantically

Compliance Data & User Impact

User Impact: Low

20% Complete

Disabilities Affected:

  • blindness
  • deafblindness

WCAG Version:
2

WCAG Levels:

  • A

WCAG Guidelines:

Automated Test Accuracy:
High

uTester Severity:
2

DRRSAG Designations:

  • role

How to Fix the Problem

Markup icon fonts with role=“img”.

The Algorithm, in Simple Terms

Find elements using a popular font icon class (fa- , glyphicon- , material-icons) and check if they are missing role=img attribute.

Why Is it Important?

Screen reader users need to be able to perceive icon fonts that are meaningful, such as a star signifying a favorite, or an email icon in a link.

Address: 401 9th St NW, 6th Floor
Washington, DC 20004
Phone number: (888) 995-WCAG
International number: 1(888) 995-9224
Email: accessibility@user1st.com