Start scanning free

( Operable / WCAG 2.4.6 )

Label is ambiguous without surrounding context

This check maps to Headings and Labels. Use the guidance below to confirm the issue, understand who it affects and ship a fix.

Moderate Level AA WCAG 2.4.6 — Headings and Labels

What’s wrong

The label makes sense visually because of surrounding content, but a screen reader user navigating by links or buttons won’t have that context.

Why it matters

Multiple “Read more” or “View issues” links on a page are indistinguishable when listed by a screen reader.

How to fix it

Add an aria-label that includes the subject, e.g. aria-label="View issues for example.com" or aria-label="Read more about WCAG 2.2".

Before
<a href="/issues">View issues</a>
After
<a href="/issues" aria-label="View issues for example.com">View issues</a>

Learn more