• Success Criterion 1.1.1
  • Conformance level A

Logo Image Alt Text That Just Says ‘Logo’

1.1.1 — Non-text Content

Scenario

Setting

A project-management tool's task board

What’s wrong

Logo image link with alt="logo" instead of the organization name / destination.

Example 

<a href="/"><img src="logo.svg" alt="logo"></a>

Why it matters

A user trying to get back to the dashboard from deep inside a task board hears "logo, link" and isn't sure if it goes home or somewhere else.

How to test

Check a linked logo's alt text: it should be the organization's name (and, if the link's destination isn't otherwise clear, note that it goes home). 'logo' alone fails.

How to fix

Name the destination or the brand, not the generic word "logo."

<a href="/"><img src="logo.svg" alt="TaskFlow home"></a>

Outcome

A user hears "TaskFlow home, link" and confidently returns to their dashboard from any page.

Who is affected

Screen reader users navigating back to a home view via the header logo depend on that name to know where it leads.

Learn more

Related scenarios