Weiter-Buttons
Ah, ich sehe, du hast die berühmte ‚Weiter-Buttons‘-Seite gefunden. Willkommen in einem Klassiker der Nicht-Barrierefreiheit! Lass mich raten: Du hast keine Ahnung, welchen Button du drücken sollst, oder?
Ein Button oder Link mit der Beschriftung “Weiter”, “Mehr” oder Ähnliches bringt nicht viel.
Ich treffe immer wieder auf Seiten, wo die Buttonbeschriftungen nutzlos sind.
Besser sind Beschriftungen, die dir sagen, was das Ziel oder die Aktion ist.
Das könnte zum Beispiel sein “Informationen zu Barrierefreiheit”.
Für dieses Rätsel kannst du dir mit einem Screenreader die Aria-Label ausgeben lassen.
Oder du schaust im Quellcode nach.
Tipp: Der nächste Button führt dich zum Ziel.
Und ja, Button haben meistens kein Aria-Label. WAI-ARIA sollte nur verwendet werden, wenn es keinen anderen Weg gibt.
Alle Button sind gleich beschriftet, das bringt dich nicht weiter. Genauso bringt mich das nicht weiter, wenn Aria-Label nicht richtig gesetzt werden. Ein Aria-Label ist beispielsweise hilfreich, wenn es ein X-Icon als Schließen-Button gibt. Das gibt es oft bei mobilen Menüs. Der Screenreader liest mir dann “Schließen” vor, damit ich auch weiß, was passiert.
Lass dir mit dem Screenreader die Button vorlesen und nutze dabei die Tab-Taste auf der Tastatur. Vielleicht erfährst du dadurch mehr.
Problem
In deiner Welt ist das leider Alltag. Manchmal lass ich mir die Liste mit allen Links auf einer Webseite ausgeben und dann höre ich: ‚Weiter. Weiter. Weiter.‘ und das hundertmal. Keine Ahnung, welcher Link wohin führt. Klingt frustrierend, oder?
Deshalb ist es so wichtig, dass Links und Buttons einen beschreibenden Namen haben, der das Ziel oder die Funktion beschreibt.
Psst… ich bin es, Olivia.
Du hast das dritte von drei Easter Eggs entdeckt. Das Lösungswort ist: “alles”. Wenn du alle findest, dann schreibe eine E-Mail an kontakt@ideenquelle-webdesign.de. Die ersten 5 Personen bekommen eine kleine Überraschung.
Barrieren
Beschreibender Name
Der Text auf einem Button oder Link sollte das Ziel oder den Inhalt beschreiben. Wohin führt der Link oder was passiert, wenn ich ihn drücke?
Zu Klein
Manchmal sind Button oder Links zu klein, sodass Menschen mit großen Fingern oder einer motorischen Einschränkung Schwierigkeiten haben. Bei Seitennummerierungen kommt das manchmal vor.