← Learn

Links with no readable text

A link with no text is announced as just "link". What causes it on Shopify stores, and how to fix it without changing your design.

What a shopper experiences

If a link contains no words, and no hidden label either, a screen reader can only announce it as "link". Picture your header read aloud as "link, link, link, link" and you have the experience. Nothing indicates which one is the cart and which one is search.

Why it shows up

Almost always an icon on its own. The cart, search, account and social media icons in your header and footer are the usual culprits — they look obvious to a sighted shopper and carry no text at all. Product cards whose only content is a photo with no description cause the same thing.

How to fix it

The icon gets a hidden label, which screen readers announce and sighted shoppers never see. Nothing about your design changes. If the link is a product photo, adding the image description fixes both problems at once. Most themes have this already for their built-in icons; it tends to be custom additions that are missing it.

Related