Das Prinzip “Wahrnehmbar” der Web Content Accessibility Guidelines (WCAG) ist eines der vier Grundprinzipien für barrierefreie Websites. Es besagt, dass Informationen und Benutzeroberflächen-Komponenten so präsentiert werden müssen, dass sie von allen Nutzern wahrgenommen werden können.
Die WCAG definiert für das Grundprinzip Wahrnehmbar folgende Richtlinien:
- Richtlinie 1.1: Textalternativen – Stelle Textalternativen für alle Nicht-Text-Inhalte zur Verfügung.
- Richtlinie 1.2: Zeitbasierte Medien – Stelle Alternativen für zeitbasierte Medien bereit.
- Richtlinie 1.3: Anpassbar – Erstelle Inhalte, die auf verschiedene Arten dargestellt werden können, ohne dass Informationen oder Struktur verloren gehen.
- Richtlinie 1.4: Unterscheidbar – Erleichtere Nutzern das Sehen und Hören von Inhalten, einschließlich der Trennung von Vorder- und Hintergrund.
Anmerkung: Jede dieser Richtlinien enthält spezifische Erfolgskriterien auf verschiedenen Konformitätsstufen (A, AA, AAA), die beschreiben, wie die Richtlinien umgesetzt werden können.
Tipps für die Umsetzung des Grundprinzips Wahrnehmbar
Hier sind einige Tipps, wie du das Prinzip mit den Richtlinien in deiner Website umsetzen kannst:
Textalternativen:
- Füge Alt-Texte für Bilder hinzu, die deren Inhalt oder Funktion beschreiben.
- Stelle Transkripte für Audio-Inhalte bereit.
- Beschreibe komplexe Grafiken oder Diagramme ausführlich im Text.
- Verwende aussagekräftige Beschriftungen für Formularfelder.
Zeitbasierte Medien:
- Füge Untertitel zu Videos hinzu, die Dialoge und wichtige Geräusche wiedergeben.
- Biete Audiobeschreibungen für visuelle Informationen in Videos.
- Stelle Gebärdensprache für Audio-Inhalte zur Verfügung.
- Erstelle Transkripte für Audio- und Videoinhalte.
Anpassbare Darstellung:
- Strukturiere deine Inhalte mit semantischem HTML.
- Trenne Inhalt von Darstellung durch Verwendung von CSS.
- Stelle sicher, dass die Seite bei Vergrößerung bis zu 200% nutzbar bleibt.
- Ermögliche die Änderung von Schriftarten und Farben durch den Nutzer.
Unterscheidbarkeit:
- Verwende klare Überschriften-Hierarchien.
- Stelle sicher, dass Links sich deutlich vom umgebenden Text abheben.
- Nutze visuelle Hinweise zusätzlich zu Farbe, um Informationen zu vermitteln.
- Vermeide Hintergrundgeräusche, die das Verständnis von Vordergrund-Audio erschweren.
Farbkontrast:
- Stelle ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text sicher.
- Verwende ein Kontrastverhältnis von mindestens 3:1 für große Texte (18pt oder 14pt fett).
- Prüfe den Kontrast mit speziellen Tools oder Browsererweiterungen.
- Berücksichtige auch den Kontrast für Bedienelemente und grafische Objekte.
Steuerung von Audio:
- Biete separate Bedienelemente für Hintergrundmusik und Sprachausgabe.
- Stelle sicher, dass Audio nicht automatisch abgespielt wird.
- Erlaube es Nutzern, die Lautstärke unabhängig von der Systemlautstärke zu regeln.
- Gib die Option, Audio komplett auszuschalten.
Textgröße:
- Verwende relative Einheiten (z.B. em) statt fester Pixelgrößen für Texte.
- Teste deine Website mit verschiedenen Zoomstufen (bis zu 200%).
- Stelle sicher, dass bei Textvergrößerung kein horizontales Scrollen nötig wird.
- Biete, wenn möglich, Schriftgrößenregler auf deiner Website an.
Das Grundprinzip Wahrnehmbar bildet ein Fundament für barrierefreie Webinhalte. Es stellt sicher, dass alle Nutzer, unabhängig von ihren individuellen Fähigkeiten oder Einschränkungen, die Informationen auf deiner Website wahrnehmen können.
