axe-core rule: link-name
Links have no accessible name
What it is
One or more links contain no text that assistive technology can announce. This usually happens with icon-only links, links wrapping an image without alt text, or links that are empty.
Who it blocks
Screen reader users hear only "link" with no destination, and voice-control users cannot activate the link by name. Empty links are also confusing tab stops for keyboard users.
How to fix it
Make sure every link has discernible text: visible link text, alt text on the image inside the link, or an aria-label on the link itself. If the element is not really a link, remove the anchor tag.
Example fix
<!-- Before: icon-only link -->
<a href="/cart"><svg class="icon-cart">...</svg></a>
<!-- After -->
<a href="/cart" aria-label="View shopping cart"><svg class="icon-cart" aria-hidden="true">...</svg></a>
<!-- Before: image link without alt -->
<a href="/sale"><img src="/banners/sale.png"></a>
<!-- After -->
<a href="/sale"><img src="/banners/sale.png" alt="Shop the summer sale"></a>This is one of the barrier types BarrierScan checks for on every scan. Request a free accessibility scan to see whether it appears on your site, alongside the rest of the automated findings.