Barrierefreiheit

Zugänglicher Name nennt ein anderes Ziel als der Link

Üblicher Schweregrad: mittel · Aufwand: minimal

Woran du es erkennst

Ein Link zu einem Social-Netzwerk (z. B. LinkedIn) trägt den zugänglichen Namen eines anderen („Youtube Link“): Screenreader kündigen das falsche Ziel an, und Sprachsteuerung trifft den falschen Link (WCAG 2.4.4, 2.5.3, 4.1.2).

Warum es zählt

Der zugängliche Name ersetzt Screenreader- und Sprachsteuerungs-Nutzern das Icon. Widerspricht er dem Ziel, führt er in die Irre: „Klicke LinkedIn“ findet nichts, und die Linkliste meldet YouTube für ein LinkedIn-Profil. Fast immer ein Kopierrest im Footer-Template.

So behebst du es

  1. Ändere aria-label (bzw. den visuell versteckten Linktext) auf das Netzwerk, auf das der href tatsächlich zeigt, z. B. aria-label="LinkedIn".
  2. Prüfe alle Social-Icons in Footer- und Header-Template auf Kopierreste — derselbe falsche Name wiederholt sich meist auf jeder Seite.
  3. Bevorzuge einen sichtbaren oder visuell versteckten Textknoten gegenüber aria-label und halte den SVG-<title> damit konsistent.
  4. Prüfe mit der Linkliste des Screenreaders oder dem Accessibility-Baum des Browsers: Name und Ziel müssen übereinstimmen.

Zum Nachlesen