Accessibility fix guide
WCAG 4.1.2 Name, Role, Value
How to fix: Links must have discernible text
A link needs text that describes where it goes. Icon-only or empty links are announced as just “link”, leaving screen-reader users with no idea of their purpose.
The fix
Give every link text that describes its destination. Avoid empty links and bare icons without a label.
Before and after
Fails
<a href="/cart"><svg>…</svg></a>
Passes
<a href="/cart" aria-label="Shopping cart"><svg aria-hidden="true">…</svg></a>
Related fixes
Does your site have this issue?
Scan any page free against WCAG 2.2 AA and get every issue with its fix.
Scan your site free