Dieser Beitrag vertieft ein einzelnes Kriterium aus dem Überblick zu barrierefreiem Webdesign. Du bekommst konkrete Orientierung, ohne daraus eine trockene Checkliste zu machen.
Buttons und Links klar unterscheiden
Buttons lösen Aktionen aus, Links führen zu anderen Seiten oder Bereichen. Wenn beides gleich aussieht oder technisch falsch umgesetzt ist, entstehen Bedienprobleme. Nutzer müssen erkennen, was interaktiv ist und was beim Klick passiert.
Ein Button mit unklarer Beschriftung wie „Absenden“ kann funktionieren, ist aber oft schwächer als „Anfrage senden“. Ein Link wie „mehr“ ist weniger hilfreich als „Mehr über barrierefreies Webdesign lesen“.
Formulare verständlich machen
Formulare sind oft der wichtigste Kontaktpunkt einer Website. Wenn Labels fehlen, Fehlermeldungen unklar sind oder Pflichtfelder nicht verständlich markiert werden, verlieren Nutzer genau dort den Zugang, wo sie handeln wollen.
Barrierefreie Formulare haben sichtbare Labels, verständliche Fehlermeldungen und eine logische Reihenfolge. Sie funktionieren mit Tastatur, Screenreader und mobilen Eingaben.
Designsystem statt Einzellösungen
Konsistenz entsteht nicht zufällig. Wenn Buttons, Links, Formularfelder, Cards und Hinweise immer wieder anders aussehen, müssen Nutzer jedes Element neu lernen. Ein kleines Designsystem verhindert das.
Für kleine Websites reicht oft eine klare Sammlung: primärer Button, sekundärer Button, Textlink, Formularfeld, Fehlermeldung, Fokus-Stil und Card. Diese Bausteine sollten überall gleich funktionieren.
Konsistenz zwischen Desktop und Mobile
Dasselbe UI-Element darf sich zwischen Desktop und Mobile nicht widersprüchlich verhalten. Wenn ein Button auf dem Desktop eine klare Kante und einen Hover-Zustand hat, auf dem Smartphone aber plötzlich anders aussieht oder in einem Formular eine andere Reihenfolge bekommt, verlieren Nutzer die einmal gelernte Bedienlogik. Das betrifft Mobile-First-Webdesign genauso wie klassische responsive Umsetzungen.
Auch Fehlermeldungen und Toasts gehören dazu: Erscheint eine Bestätigung auf dem Desktop als Inline-Hinweis am Feld, mobil aber nur als kurz eingeblendeter Toast am Bildschirmrand, kann die Meldung von Screenreadern übersehen oder vor dem Lesen wieder ausgeblendet werden. Toasts sollten deshalb nur ergänzend eingesetzt werden, nie als einzige Fehlerquelle.
