Links ohne Namen

WCAG 2.4.4, 4.1.2 (A) · EN 301 549 9.2.4.4, 9.4.1.2

Einige Links haben keinen sichtbaren Text und keinen zugänglichen Namen.

Warum das zählt

Screenreader können sämtliche Links einer Seite auflisten, um schnell zu navigieren. Ein Link ohne Namen erscheint in dieser Liste als nackte Adresse oder schlicht als „Link“. Betroffen sind meist die Symbole der sozialen Netzwerke in der Fußzeile und Artikelkacheln, bei denen nur das Bild verlinkt ist.

So wird es behoben

Geben Sie ihm sichtbaren Text — oder, wenn es ein Symbol ist, ein aria-label, das das Ziel benennt.

<a href="https://instagram.com/shop"><svg>…</svg></a>

<a href="https://instagram.com/shop" aria-label="Folgen Sie uns auf Instagram">
  <svg aria-hidden="true">…</svg>
</a>

Verwandte Themen

• Grafische Schaltfläche ohne Alternativtext
• Bereich einer Bildkarte ohne Namen
• Eingebetteter Rahmen ohne Titel
• Formularfelder ohne Beschriftung