Tastatur, Kontraste, Formulare und Medien barrierefrei gestalten
Version vom 20. September 2026, 18:43 Uhr von Station55 (Diskussion | Beiträge) (Ausführlichen Kundenleitfaden ergänzt)
Eine Website muss nicht nur gut aussehen, sondern auch ohne Maus, bei Vergrößerung und mit Hilfstechnologien bedienbar bleiben.
Inhaltsverzeichnis
Tastaturprüfung
- Laden Sie die Seite neu.
- Navigieren Sie ausschließlich mit Tabulator, Umschalt+Tabulator, Enter, Leertaste und Pfeiltasten.
- Prüfen Sie, ob der Fokus jederzeit sichtbar ist.
- Öffnen und schließen Sie Menüs, Dialoge und Cookie-Banner.
- Stellen Sie sicher, dass kein Bereich den Tastaturfokus festhält.
Kontraste und Farbe
Informationen dürfen nicht ausschließlich über Farbe vermittelt werden. Prüfen Sie Text, Buttons, Links, Formularrahmen und Fokusmarkierung mit einem Kontrastwerkzeug. Platzhaltertext ist kein Ersatz für eine dauerhafte Feldbezeichnung.
Formulare
- jedes Feld mit sichtbarer, programmatisch zugeordneter Bezeichnung
- Pflichtfelder verständlich kennzeichnen
- zusammengehörige Optionen gruppieren
- Eingabeformat vor der Eingabe erklären
- Fehler am Feld und in einer Zusammenfassung ausgeben
- eingegebene Werte nach Fehlern erhalten
- Erfolg eindeutig bestätigen
Audio und Video
Videos benötigen je nach Inhalt Untertitel, Transkript und gegebenenfalls Audiodeskription. Starten Sie Audio nicht automatisch. Bedienelemente müssen per Tastatur erreichbar und verständlich beschriftet sein.
CAPTCHA und Spamschutz
Vermeiden Sie Aufgaben, die nur über Sehen oder Hören lösbar sind. Bieten Sie eine zugängliche Alternative und prüfen Sie datenschutzfreundliche technische Schutzmaßnahmen.
