Links müssen erkennbaren Text haben
Laut Webzugänglichkeitsstandards müssen Linktexte und Alternativtexte von verlinkten Bildern für Screenreader erkennbar sein. Links dürfen keine doppelt vergebenen Namen haben und müssen per Tastatur fokussierbar sein.
Warum es wichtig ist
Nicht zugängliche Links stellen eine Hürde für Nutzer mit Einschränkungen dar.
Nutzer, die auf die Tastaturnavigation angewiesen sind, können nur Links verwenden, die einen programmatischen Fokus erhalten.
Screenreader-Nutzer müssen erkennen können, wohin ein Link führt.
Der Linktext enthält diese Information, aber Screenreader müssen ihn auslesen können.
Behebung des Problems
Alle Links müssen zugänglich und per Tastatur fokussierbar sein. Links dürfen nicht ausgeblendet werden (z. B. mit display: none oder aria-hidden=”true”), da sie sonst für Screenreader nicht zugänglich sind.
Um sicherzustellen, dass alle Links einen programmatischen Fokus erhalten können, sollten gerätespezifische JavaScript-Ereignisse wie onmouseover(), mouseout(), hover() vermieden und durch geräteunabhängige Ereignisse wie onfocus() oder blur() ersetzt werden.
Der Stil von Links darf sich bei Fokus nicht so verändern, dass visuelles Feedback unterdrückt wird. Wenn Linkstile verändert werden, können sehende Tastaturnutzer ihre Position auf der Seite nicht erkennen.
Verwenden Sie für Links immer ein Element mit href-Attribut.
Gutes Code-Beispiel
<h4>Nachbarschaftsnachrichten</h4>
<p>
Steuererhöhung in Seminole: Die Stadtverwaltung von Seminole schlägt eine 75%ige Erhöhung der Grundsteuern für das kommende Haushaltsjahr vor.
<a href="steuererhoehung.html" aria-label="Mehr über die Steuererhöhung in Seminole lesen">[Mehr lesen...]</a>
</p>
<p>
Baby-Bürgermeister: Die Wähler von Seminole wählen den jüngsten Bürgermeister der Stadtgeschichte, indem sie gestern den 3-jährigen Willy "Dusty" Williams zum Bürgermeister wählten.
<a href="babybuergermeister.html" aria-label="Mehr über den neuen Baby-Bürgermeister von Seminole lesen">[Mehr lesen...]</a>
</p>
Kopieren Testfälle
Für weitere Beispiele besuchen Sie die ATC Rules-Bibliothek auf GitHub von W3C.