"Soll es gut bedienbar sein, mach die Dinge nicht zu klein!"
Kurzbeschreibung:
Deine Buttons sollten mindestens 24 × 24 Pixel groß sein, um sicherzustellen, dass User ohne Schwierigkeiten die gewünschte Aktion auslösen können.
Kurzbeschreibung:
Deine Buttons sollten mindestens 24 × 24 Pixel groß sein, um sicherzustellen, dass User ohne Schwierigkeiten die gewünschte Aktion auslösen können.
Kurzbeschreibung:
Damit Nutzende sich zurechtfinden, sollten Hilfsangebote auf deiner Seite einfach zu finden sein. Stelle sicher, dass sie immer an derselben Stelle und gut organisiert ist. Das schließt auch die Kontaktdaten ein.
Kurzbeschreibung:
Gib mir immer mehr als einen Weg, um auf die Inhalte deiner Seite zuzugreifen. Zusätzlich zur Navigation kannst du mir eine Suche oder eine Sitemap anbieten.
Kurzbeschreibung:
Verlasse dich nicht darauf, dass User Farben sehen können. Vermeide es, Dinge nur durch Farben zu zeigen oder zu beschreiben. Wir empfehlen: Deine Webseite sollte auch in Graustufen verständlich sein.
Kurzbeschreibung:
Elementen, mit denen der User interagieren kann (Buttons, Links etc.), brauchen einen Fokus-Rahmen. Wir empfehlen, dass dieser Rahmen deutlich sichtbar ist und am besten im CSS als Border umgesetzt wird.
Kurzbeschreibung:
Deine Navigation sollte auf deiner Webseite immer an der gleichen Stelle zu finden sein. Einfach gesagt: einmal oben rechts, immer oben rechts!
Kurzbeschreibung:
Fehlermeldungen sollten leicht erkennbar sein und nicht nur durch Farben dargestellt werden. Du benötigst zusätzlichen Text, um sie zu beschreiben. Dieser Text muss auch für Screenreader lesbar sein.
Kurzbeschreibung:
Wenn ein User auf deiner Webseite etwas eingeben muss, musst du ihn anleiten, was er eingeben soll. So brauchen zum Beispiel Eingabefelder eine Beschreibung (wir empfehlen: sichtbare Labels).
Kurzbeschreibung:
Wenn du mir einen Fehler auf deiner Webseite anzeigst, schreibe den Fehlertext so, dass ich weiß, was ich tun muss, um den Fehler zu beheben.
Kurzbeschreibung:
Wenn ich eine Transaktion oder eine ähnliche Interaktion ausführe, die negative Konsequenten haben kann, muss es eine Möglichkeit geben, den Vorgang zu bestätigen oder ihn rückgängig zu machen.
Kurzbeschreibung:
Die Kontraste von Texten zum Hintergrund muss stark genug sein. Der vorgeschriebene Kontrast der WCAG liegt bei mindestens 4,5:1, bei unter 24px und mindestens 3:1 bei Schriftgrößen darüber.
Kurzbeschreibung:
Schreibe keine wichtigen Infos als Text in Bilder. Nutzerinnen können die Texte weder anpassen noch können assistive Technologien sie lesen. Ausnahme, wenn Bilder der Dokumentation dienen (wie hier!).
Kurzbeschreibung:
Alle Elemente, mit denen ich interagieren kann (Icon-Buttons / Buttons) oder die sonst wie wichtig fürs Verständnis sind, müssen sich vom Kontrast ausreichend vom Hintergrund abheben (min. 3:1).
Kurzbeschreibung:
Ich muss Animationen auf deiner Webseite stoppen können, wenn sie über 5 Sekunden dauern. Es sei denn, sie sind zwingend notwendig. (Animation einer Zeitanzeige für Sicherheitsaspekte.)
Kurzbeschreibung:
Navigiere ich mit der Tastatur, sollten deine Elemente in einer nachvollziehbaren Reihenfolge sein. Ich sollte also zum Beispiel nicht vom Header zuerst in den Footer springen und dann zurück in den Hauptbereich.
Kurzbeschreibung:
Verzichte auf Elemente, die schnell hintereinander aufblitzen. Darunter fallen etwa wild blinkende Buttons oder auch hektische GIFs.
Unser Plakat der WCAG 2.2. Richtlinien als digitale Version. Die Auflösung ist 360dpi und sollte hoffentlich problemlos zoom-bar sein!Alle Erlöse deiner Bestellung gehen an: Lupus Erythematodes Selbsthilfegemeinschaft e. V.Zur Verkaufsseite des WCAG-Posters