Skip to main content
All website issues
Ease of Use

Some links have no readable label

What this means for your business

Some links on your page have no visible label. Screen reader users hear only "link" with no description of where it goes, making your site confusing and difficult to navigate.

How to fix it
Easy
15–30 minutes

  1. 1Find links that have no visible text and no aria-label — usually icon-only links (social media icons, arrow buttons) or image links without alt text.
  2. 2For icon-only links, add an aria-label: <a href="/twitter" aria-label="Follow us on Twitter"><svg>...</svg></a>
  3. 3For image links, add descriptive alt text to the image: <a href="/home"><img src="logo.png" alt="Return to homepage"></a>
  4. 4For links with visually hidden text (common in navigation), use a visually hidden span: <a href="/cart"><span class="sr-only">View cart</span><svg>...</svg></a>
  5. 5Never leave an <a> tag completely empty — it must contain either text, an image with alt text, or an aria-label.

On WordPress

Social sharing plugins often create links without accessible names. Check your social icon widgets in Appearance → Widgets or Customizer. Update icon links to include aria-label attributes in the widget HTML.

On Shopify

Check your theme's header and footer for icon links (cart, search, account). Edit the liquid files for these sections and add aria-label attributes to any <a> tags that only contain SVG icons.

Does your site have this problem?

SiteSprout scans your site, tells you which issues you actually have in plain English, and keeps watch so nothing breaks silently.

Scan your site free