Barrierefreiheit

Link ohne erkennbaren Namen

Üblicher Schweregrad: mittel · Aufwand: minimal

Woran du es erkennst

Ein Link enthält nur ein Symbol oder Bild ohne Text und Alternativtext — oder immer wieder dieselbe nichtssagende Beschriftung wie „hier klicken" oder „mehr".

Warum es zählt

Screenreader-Nutzer lassen sich häufig alle Links einer Seite als Liste ausgeben, also ohne den umgebenden Text. Ein reiner Symbol-Link erscheint dort leer, und eine Seite voller identischer „mehr"-Links macht es unmöglich zu erkennen, welcher wohin führt.

So behebst du es

  1. Gib Symbol-Links über aria-label einen Namen, der das konkrete Ziel nennt — etwa „Rechnung 4521 ansehen".
  2. Ersetze wiederholte Allgemeinplätze durch Beschriftungen, die das Thema enthalten: „Mehr über die Preise" statt „mehr".
  3. Sorge dafür, dass ein Bild innerhalb eines Links einen sinnvollen Alternativtext hat — ein leeres alt-Attribut lässt den Link namenlos zurück, wenn es dessen einziger Inhalt ist.
  4. Prüfe danach automatisiert und gehe die Seite zusätzlich mit einem Screenreader durch, um zu hören, ob die Namen außerhalb ihres Zusammenhangs Sinn ergeben.

Zum Nachlesen