Wie testet man eine Website auf kognitive Barrierefreiheit?

Kognitive Barrierefreiheit auf einer Website lässt sich durch eine Kombination aus automatisierten Scans und manuellen Prüfungen testen. Tools helfen dabei, technische Aspekte wie Kontraste, Formularfehler und fehlende Hilfetexte zu identifizieren, während manuelle Tests sich auf Sprachverständlichkeit, logische Struktur und Vorhersehbarkeit der Bedienung konzentrieren. Dieser Artikel beantwortet die wichtigsten Fragen rund um den Test auf kognitive Barrierefreiheit, von den Grundlagen bis zur konkreten Umsetzung.

Was sind kognitive Barrieren auf Websites?

Kognitive Barrieren auf Websites sind Hindernisse, die Menschen mit intellektuellen Beeinträchtigungen, Lernbehinderungen (z.B. Dyslexie), Aufmerksamkeitsstörungen (z.B. ADHS) oder Gedächtnisproblemen daran hindern, Inhalte zu verstehen oder Aufgaben erfolgreich abzuschließen. Die Abdeckung kognitiver Behinderungen in den WCAG ist bewusst begrenzt, weil das Spektrum kognitiver Behinderungen sehr breit ist und viele hilfreiche Maßnahmen schwer objektiv messbar sind.

Kognitive Barrieren entstehen daher nicht durch fehlende Technik, sondern durch schlechte Gestaltungsentscheidungen, die das Denken und Erinnern der Nutzenden unnötig belasten.

Typischerweise umfassen sie:

• Schwierige Sprache: Komplexe, textlastige Inhalte sind schwer zu verarbeiten
• Unvorhersehbare Navigation ohne erkennbare Struktur oder Orientierungshilfen
• Fehlerbehandlung:Technische Probleme oder Fehler können schwer zu lösen sein
• Komplexe Designs:
  • Überladene oder unübersichtliche Benutzeroberflächen können überwältigend wirken
  • Zeitlimits setzen die Nutzenden unter Druck
  • Fehlende Konsistenz zwischen Seiten, zum Beispiel unterschiedliche Bezeichnungen für dieselbe Funktion

Kognitive Barrieren betreffen nicht nur Menschen mit dauerhaften Einschränkungen. Auch ältere Nutzende, Menschen unter Stress oder solche, die in einer Fremdsprache lesen, profitieren von klarer, vorhersehbarer Gestaltung. Kognitive Barrierefreiheit ist damit ein zentrales Element einer guten Barrierefreiheitsprüfung.

Welche WCAG-Kriterien decken kognitive Barrierefreiheit ab?

Die WCAG (Web Content Accessibility Guidelines) decken kognitive Barrierefreiheit vor allem durch die Prinzipien Wahrnehmbarkeit, Bedienbarkeit und Verständlichkeit ab. Besonders relevant sind Erfolgskriterien aus dem Bereich Understandable (Verständlich) sowie einzelne Kriterien aus den anderen Prinzipien, die kognitive Belastung reduzieren.

Die wichtigsten WCAG-Kriterien mit Bezug zur kognitiven Barrierefreiheit sind:

• 1.3.5 Eingabezweck identifizieren – Ermöglicht Autofill, reduziert Gedächtnisbelastung
• 1.4.3 Kontrast (Minimum): Ausreichender Farbkontrast erleichtert das Lesen für Menschen mit Sehschwäche und kognitiven Einschränkungen.
• 2.2.1 Zeitlimits anpassbar: Nutzende müssen die Möglichkeit haben, Zeitlimits zu verlängern oder zu deaktivieren.
• 2.4.6 Überschriften und Beschriftungen: Aussagekräftige Überschriften helfen bei der Orientierung auf der Seite.
• 3.1.1 Sprache der Seite: Die Hauptsprache muss im Code angegeben sein, damit Screenreader korrekt vorlesen.
• 3.2.1 Fokus: Keine unerwarteten Kontextänderungen beim Fokussieren eines Elements.
• 3.3.1 Fehlererkennung: Formularfehler müssen klar beschrieben werden.
• 3.3.2 Beschriftungen oder Anweisungen: Eingabefelder brauchen verständliche Labels und Hilfestellungen.
• 3.3.8 Barrierefreie Authentifizierung (Minimum) – Keine kognitiven Funktionstests (z.B. Passwörter merken, Rätsel lösen) ohne Alternative
• 3.3.9 Barrierefreie Authentifizierung (Erweitert) – Noch strengere Anforderungen (Level AAA)

Mit WCAG 2.2 wurden zusätzliche Kriterien eingeführt, die kognitive Aspekte stärker berücksichtigen, darunter 3.2.6 Konsistente Hilfe und 3.3.7 Redundanter Eintrag, der verhindert, dass Nutzende dieselben Informationen mehrfach eingeben müssen. Wer eine BITV-Prüfung nach deutschem Standard durchführt, arbeitet ebenfalls mit diesen WCAG-Grundlagen.

Wie testet man kognitive Barrierefreiheit manuell?

Kognitive Barrierefreiheit manuell zu testen bedeutet, eine Website aus der Perspektive von Menschen mit unterschiedlichen kognitiven Fähigkeiten zu bewerten. Das erfordert strukturierte Prüfprozesse, da viele kognitive Aspekte nicht automatisiert erkennbar sind. Ziel ist es, Stellen zu finden, an denen Nutzende verwirrt werden, Fehler machen oder aufgeben könnten.

Sprache und Verständlichkeit prüfen

Lesen Sie repräsentative Textabschnitte und fragen Sie sich, ob jemand ohne Fachkenntnisse diesen Text verstehen würde.

• Textlänge: Sind die Sätze kurz und übersichtlich?
• Abkürzungen: Werden Abkürzungen beim ersten Auftreten erklärt?
• Fachbegriffe: Gibt es ein Glossar oder Erklärungen für Fachsprache?
• Visuelle Unterstützung: Werden Texte durch Bilder oder Icons ergänzt, um das Verständnis zu fördern?

Verwenden Sie einfache, leicht verständliche Sprache, das Niveau B1 bis B2 ist für breite Zielgruppen empfehlenswert. 

Navigation und Struktur bewerten

Navigieren Sie durch die Website, ohne die URL direkt einzugeben.

• Vorhersagbares Layout: Sind wichtige Elemente (Suche, Navigation, Hilfe) immer an derselben Stelle?
• Breadcrumbs: Sind diese vorhanden?
• Konsistente Menübezeichnungen: Werden sie auf allen Seiten verwendet?
• Logische Überschriftenhierarchie: Wird das Format H1 → H2 → H3 eingehalten?

Prüfen Sie, ob Links eindeutig formuliert sind, also nicht nur „hier klicken“ oder ‚mehr erfahren‘ lauten, sondern das Linkziel beschreiben.

Formulare und Fehlermeldungen testen

Füllen Sie Formulare bewusst falsch aus. Prüfen Sie:

• Pflichtfelder: Klar gekennzeichnet (z.B. mit Sternchen und Texthinweis)?
• Eingabeformate: Wird das erwartete Format erklärt (z.B. „TT.MM.JJJJ“)?
• Fehlermeldungen: Erscheinen sie nah am betroffenen Feld?
• Fehlerbeschreibung: Wird erklärt, was falsch ist und wie es korrigiert werden kann?
• Lösungsvorschläge: Werden konkrete Korrekturhinweise gegeben?

Stellen Sie sicher, dass Nutzende auf Fehler aufmerksam gemacht werden und klare Lösungen zur Behebung erhalten.

Authentifizierung testen

Prüfen Sie jeden Schritt Ihres Anmeldeprozesses auf folgende kognitive Funktionstests:

• Auswendiglernen: Wird gefordert sich ein Passwort zu merken?
• Abschreiben/Transkription: Muss ein Einmalpasswort (OTP) eingeben werden?
• Rechtschreibung: Ist eine korrekte Schreibweise erforderlich?
• Rätsel lösen: Werden CAPTCHAs mit verzerrtem Text vewendet?
• Berechnungen: Müssen mathematische Aufgaben gelöst werden?

Nicht alles gilt als kognitiver Funktionstest. Folgende Ausnahmen sind definiert:

• Persönliche Identifikatoren: Name, E-Mail-Adresse und Telefonnummer gelten nicht als kognitive Tests, da sie persönlich und über verschiedene Websites hinweg konsistent sind.
• Objekt-Erkennung: CAPTCHAs, die den Nutzer auffordern, alle Bilder mit einem bestimmten Objekt auszuwählen (z.B. „Wähle alle Bilder mit Ampeln“), sind auf AA-Ebene erlaubt.
• Persönliche Inhalte: Wenn der Nutzer ein Bild wiedererkennen muss, das er selbst hochgeladen hat, ist dies ebenfalls auf AA-Ebene zulässig.

Ablenkungen und Zeitdruck prüfen

Bewegte Inhalte, automatisch startende Medien und Zeitlimits können für viele Nutzende erhebliche Barrieren darstellen. Besonders betroffen sind Menschen von:

• Automatische Medien Starten: Videos/Audios automatisch? Können sie gestoppt werden?
• Animationen: Können bewegte Inhalte pausiert werden?
• Zeitlimits: Können Nutzende Zeitlimits verlängern oder deaktivieren?
• Pop-ups/Werbung: Gibt es aufdringliche Elemente, die ablenken?

Was können automatisierte Tools bei kognitiven Barrieren erkennen?

Automatisierte Accessibility-Tools können einen Teil der kognitiven Barrierefreiheit prüfen, aber nicht alle Aspekte davon erfassen. Sie erkennen technisch messbare Probleme zuverlässig, stoßen jedoch bei inhaltlichen und kontextuellen Fragen an ihre Grenzen.

Typischerweise können automatisierte Tools folgende kognitive Barrieren erkennen:

• Fehlende oder unzureichende Formular-Labels und Fehlermeldungen
• Unzureichende Farbkontraste, die das Lesen erschweren
• Fehlende Sprachauszeichnung im HTML-Code
• Fehlende Seitentitel oder nicht aussagekräftige Title-Tags
• Fehlende Alt-Texte bei Bildern
• Nicht korrekt verwendete ARIA-Attribute, die Screenreader verwirren
• Zeitlimits ohne Möglichkeit zur Verlängerung (in bestimmten Implementierungen)

Was automatisierte Tools hingegen nicht zuverlässig beurteilen können, ist die tatsächliche Verständlichkeit von Texten, die logische Struktur einer Navigation oder ob Fehlermeldungen inhaltlich hilfreich formuliert sind. Für diese Aspekte sind manuelle Tests unverzichtbar. Wichtig: Automatisierte Scans decken typischerweise einen Teil der prüfbaren WCAG-Kriterien ab, ersetzen aber keine vollständige manuelle Prüfung und stellen keine rechtliche Konformitätsbescheinigung dar.

Welche Aspekte sind bei einem Audit zur kognitiven Barrierefreiheit besonders wichtig?

Bei einem Audit zur kognitiven Barrierefreiheit sollten Sie besonders auf Konsistenz, Vorhersehbarkeit und Fehlertoleranz achten. Diese drei Prinzipien haben den größten Einfluss darauf, ob Menschen mit kognitiven Einschränkungen eine Website selbstständig nutzen können.

Folgende Schwerpunkte sollten in keinem Audit fehlen:

• Konsistenz: Werden Navigationselemente, Bezeichnungen und Interaktionsmuster über alle Seiten hinweg einheitlich verwendet?
• Vorhersehbarkeit: Passiert beim Klick auf einen Link oder beim Ausfüllen eines Formulars das, was Nutzende erwarten?
• Fehlertoleranz: Können Nutzende Fehler leicht rückgängig machen oder korrigieren, ohne von vorne anfangen zu müssen?
• Kognitive Last: Wird von Nutzenden verlangt, viele Informationen gleichzeitig im Gedächtnis zu behalten?
• Ablenkungsfreiheit: Gibt es automatisch startende Videos, blinkende Elemente oder Pop-ups, die den Fokus stören?

Bei der Priorisierung gefundener Probleme empfiehlt sich eine Einteilung nach Schweregrad: Kritische Probleme blockieren grundlegende Funktionen, schwerwiegende Probleme schränken wesentliche Aufgaben erheblich ein, mittlere Probleme erschweren die Nutzung mit vorhandenen Workarounds, und geringfügige Probleme haben kaum direkte Auswirkungen. Diese Priorisierung hilft Entwicklungsteams, Ressourcen gezielt einzusetzen.

Wie lassen sich kognitive Barrieren nach dem Test beheben?

Kognitive Barrieren lassen sich nach dem Test durch gezielte Maßnahmen in Inhalt, Design und Code beheben. Der erste Schritt ist eine klare Priorisierung der gefundenen Probleme, gefolgt von konkreten Umsetzungsmaßnahmen, die idealerweise direkt im Entwicklungsprozess verankert werden.

Bewährte Maßnahmen zur Behebung kognitiver Barrieren sind:

• Texte in einfachere Sprache umschreiben und Fachbegriffe erklären oder vermeiden
• Navigationselemente vereinheitlichen und konsistente Bezeichnungen einführen
• Formularfelder mit klaren Labels, Hinweisen und verständlichen Fehlermeldungen versehen
• Automatisch startende Medien deaktivieren oder eine Pausenfunktion einbauen
• Seitentitel und Überschriften so formulieren, dass sie den Inhalt treffend beschreiben
• Farbkontraste auf mindestens 4,5:1 für normalen Text erhöhen

Wichtig ist, Behebungen nicht als einmaligen Vorgang zu verstehen. Websites ändern sich kontinuierlich, neue Inhalte und Funktionen können neue Barrieren einführen. Eine regelmäßige Überprüfung, zum Beispiel nach größeren Inhaltsaktualisierungen oder Relaunches, stellt sicher, dass der Fortschritt erhalten bleibt und dokumentiert werden kann. Wer Kunden oder interne Stakeholder über den Stand informieren muss, profitiert von einer nachvollziehbaren Dokumentation der Maßnahmen und ihres Erfolgs.

Wie wir bei decareto kognitive Barrierefreiheit unterstützen

Als Compliance-Software für digitale Barrierefreiheit unterstützt decareto Agenturen, Datenschutzbeauftragte und Compliance-Teams dabei, Websites strukturiert auf Barrierefreiheit zu prüfen und den Überblick zu behalten. Dabei gehen wir gezielt auf die Anforderungen ein, die beim Test auf kognitive Barrierefreiheit relevant sind:

• Automatisierter Scan nach WCAG, BITV und BFSG: Unser Barrierefreiheits-Test-Tool prüft Websites seitenübergreifend und erkennt technisch messbare Probleme wie fehlende Labels, unzureichende Kontraste und fehlerhafte ARIA-Attribute.
• Priorisierung nach Schweregrad: Gefundene Probleme werden nach Kritikalität eingestuft, damit Entwicklungsteams wissen, wo sie zuerst ansetzen sollen.
• Konkrete Handlungsempfehlungen: Zu jedem Problem liefern wir verständliche Hinweise zur Behebung, inklusive Code-Beispielen, wo hilfreich.
• Manuelle Probleme dokumentieren: Da nicht alle kognitiven Barrieren automatisiert erkennbar sind, ermöglicht decareto die Erfassung manuell identifizierter Probleme direkt im Report.
• Dauerhafte Überwachung: Hunderte Websites lassen sich kontinuierlich beobachten. Bei Änderungen werden automatische Benachrichtigungen ausgelöst, sodass neue Barrieren frühzeitig erkannt werden.
• Reports teilen und dokumentieren: Berichte können direkt mit Kunden geteilt werden, auch als PDF oder über einen geteilten Link, optional unter eigenem Logo per Whitelabel-Funktion.

Wenn Sie Websites systematisch auf Barrierefreiheit prüfen und dabei kognitiven Aspekten gerecht werden möchten, starten Sie jetzt mit decareto und überzeugen Sie sich selbst von der Prüftiefe und dem Aufwand, den wir Ihnen abnehmen können.

Ähnliche Artikel

• Was passiert bei einer BFSG-Prüfung durch Behörden?
• Wer haftet für die DSGVO-Konformität einer Website – Betreiber, Agentur oder Datenschutzbeauftragter?
• Wie testet man eine Website auf Barrierefreiheit ohne technisches Wissen?
• Wie genau ist ein automatisierter Web Accessibility Check?
• Was sind personenbezogene Daten laut DSGVO?