• Success Criterion 1.1.1
  • Conformance level A

Meaningful Emoji With No Text Explaining Its Intent

1.1.1 — Non-text Content

Scenario

Setting

A crowdfunding platform's campaign page

What’s wrong

Emojis used as sole content carriers with no accessible name context (screen reader announces literal Unicode name that misleads).

Example 

<p>Funding status: 🎉</p>

Why it matters

A backer checking whether a campaign hit its goal hears the emoji's literal name instead of "goal reached," and has to guess what that means for their pledge.

How to test

Check the alt/aria-label on emoji used to convey meaning (e.g., a warning emoji as a status icon): if there's no text conveying the intended meaning, it fails.

How to fix

Replace an emoji used as the only content with real words, and hide purely decorative emoji. Screen readers announce emoji by their literal name, like "party popper," not their intended meaning.

<p>Funding status: Goal reached! <span aria-hidden="true">🎉</span></p>

Outcome

A backer hears "goal reached" clearly and knows their pledge helped fund the project.

Who is affected

Screen reader users relying on status indicators that use emoji instead of words get a name, not the meaning.

Learn more

Related scenarios