aria-current statt nur einer CSS-Klasse

Der aktive Menüpunkt wird üblicherweise über eine Klasse hervorgehoben – fett, andersfarbig, unterstrichen. Wer die Seite nicht sieht, bekommt davon nichts mit.

Die Ergänzung ist ein Attribut: aria-current="page" am Link der aktuellen Seite. Screenreader sagen dann "aktuelle Seite" mit an, und der Nutzer weiß, wo er sich im Menü befindet. Ohne das Attribut ist der aktive Punkt akustisch nicht von den übrigen zu unterscheiden.

Sinnvoll ist es außerdem, den aktiven Punkt nicht als Link auf sich selbst auszugeben. Ein Verweis, der nirgendwohin führt, ist für Tastaturnutzer ein zusätzlicher Halt ohne Nutzen – ein span mit derselben Auszeichnung ist die ehrlichere Lösung.

Bei mehrstufigen Menüs bekommt der übergeordnete Punkt aria-current="true" statt "page": er ist nicht die aktuelle Seite, aber der aktuelle Bereich.