Das dritte Grundprinzip der Web-Barrierefreiheit: Verständlich

Das WCAG-Prinzip Verständlich ist ein weiteres der vier Grundprinzipien für barrierefreie Websites. Es zielt darauf ab, dass Inhalte und Bedienung einer Website für alle Nutzer leicht zu verstehen sind. Zuerst schauen wir uns mal die drei Richtlinien dieses Prinzips an:

  • Richtlinie 3.1: Lesbar – Textinhalte sollten lesbar und verständlich sein.
  • Richtlinie 3.2: Vorhersehbar – Webseiten sollten auf eine vorhersehbare Art und Weise erscheinen und funktionieren.
  • Richtlinie 3.3: Eingabehilfe – Nutzer sollten dabei unterstützt werden, Fehler zu vermeiden und zu korrigieren.

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 Verständlich

Hier sind einige Tipps, wie du das Prinzip mit den Richtlinien in deiner Website umsetzen kannst:

Lesbarkeit

Mache Textinhalte lesbar und verständlich. Du solltest:

  • Klare, einfache Sprache verwenden
  • Die Sprache der Seite und von Textabschnitten angeben
  • Ungewöhnliche Wörter, Abkürzungen und Fachbegriffe erklären
  • Die Aussprache schwieriger Wörter bereitstellen (wenn nötig)

Vorhersehbarkeit

Webseiten sollten auf vorhersehbare Weise erscheinen und funktionieren. Achte darauf:

  • Eine konsistente Navigation über alle Seiten hinweg zu verwenden
  • Interaktive Elemente einheitlich zu gestalten
  • Keine unerwarteten Kontextwechsel auszulösen (z.B. automatische Formularübermittlung)

Eingabehilfe

Hilf Nutzern, Fehler zu vermeiden und zu korrigieren. Das bedeutet:

  • Klare Anweisungen und Beschriftungen für Formulare bereitzustellen
  • Fehler deutlich anzuzeigen und spezifische Fehlermeldungen zu geben
  • Vorschläge zur Fehlerbehebung anzubieten
  • Bei wichtigen Aktionen eine Bestätigung oder Rückgängig-Option anzubieten

Konsistenz

Sorge für eine einheitliche Struktur und Präsentation. Du solltest:

  • Ein einheitliches Layout über die gesamte Website verwenden
  • Konsistente Bezeichnungen für Funktionen nutzen
  • Navigationsstrukturen beibehalten

Kontexthilfe

Biete zusätzliche Erklärungen und Hilfestellungen an. Zum Beispiel:

  • Tooltips für komplexe Funktionen bereitstellen
  • Eine FAQ-Sektion oder Hilfecenter einrichten
  • Kontextbezogene Hilfe in Formularen anbieten

Indem du diese Aspekte bei der Gestaltung deiner Website berücksichtigst, machst du sie nicht nur für Menschen mit kognitiven Einschränkungen oder Lernbeeinträchtigung zugänglicher, sondern verbesserst auch die allgemeine Benutzererfahrung für alle Besucher.