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

Check1st 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.

accessibility@user1st.com