• Success Criterion 2.4.4
  • Conformance level A

Icon-Only Link With No Accessible Name at All

2.4.4 — Link Purpose (In Context)

Scenario

Setting

A photo-sharing app's upload screen

What’s wrong

Icon links (social, edit, delete) with no accessible name, or name = "icon"/"link".

Example

Here's what happens on a photo-sharing app's upload screen: icon links (social, edit, delete) with no accessible name, or name = "icon"/"link".

Why it matters

People who browse by links list or voice commands and need unambiguous link purposes. Here, on a photo-sharing app's upload screen, the result is they lose track of what belongs to what.

How to test

Pull up a screen reader's link list: icon-only links (social, edit, delete) with no accessible name, or a name like 'icon'/'link', fail.

How to fix

The link's purpose must be clear from its accessible name (or name plus immediate programmatic context), and unique among links going to different destinations.

Outcome

After the fix, the same visitor to a photo-sharing app's upload screen can now navigate the content in a sensible order.

Who is affected

People who browse by links list or voice commands and need unambiguous link purposes.

Learn more

Related scenarios