Staatliches Gutachten zur digitalen Barrierefreiheit

Stiftung Heuss Haus

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale WCAG-A-Fehler (Alternativtexte, Name/Rolle/Wert, Fokus- und Tastaturprobleme, komplexe Kopfbereich-Interaktionen) erschweren Screenreader-Nutzung deutlich, machen die Seite aber nicht vollständig unbedienbar.

Sehbehinderung Mit Hindernissen nutzbar

Kontraste, Textskalierung und Reflow sind gut, aber schwache Fokusindikatoren, problematische Karussellnavigation und unklare Skip-Link-Interaktionen beeinträchtigen die Nutzung spürbar.

Hörbehinderung Weitgehend zugänglich

Audiovisuelle Inhalte sind mit Untertiteln und Audiodeskription gut aufbereitet, jedoch fehlen Gebärdensprache-Angebote und Inhalte in Leichter Sprache.

Motorische Behinderung Mit Hindernissen nutzbar

Viele Funktionen sind tastaturbedienbar, aber eine wichtige Suchfunktion ist nur per Zeiger erreichbar und die fehlerhafte Fokusreihenfolge im Kopfbereich erschwert effiziente Tastatur- oder Tastenhilfsmittelbedienung.

Lernbehinderung Mit Hindernissen nutzbar

Grundstruktur, Lesereihenfolge und Fehlerhilfen sind gut, doch komplexe und teils widersprüchliche Kopfbereich-Interaktionen, Karusselle sowie fehlende Leichte Sprache erschweren das Verständnis.

Neurodivergenz Mit Hindernissen nutzbar

Es gibt konsistente Navigation und wenig Ablenkung, aber unerwartete Kontextänderungen beim Fokussieren, Kopfbereich-Interaktionen und Karusselle können Aufmerksamkeit und Orientierung deutlich belasten.

Dokumentierte Barrieren

  • Suche nur mit Maus bedienbar

    Die sichtbare Suchfunktion in der Kopfzeile lässt sich nicht per Tastatur auslösen. Für Nutzende ohne Maus oder mit alternativen Eingabegeräten ist der direkte Zugriff auf die Suche dadurch nicht zuverlässig möglich.

    Auswirkung: Ich kann die Suche nicht einfach per Tastatur öffnen und nutzen. Wenn ich auf die Suche angewiesen bin, kostet mich das Zeit oder ich komme an die Funktion gar nicht heran.

  • Mehrere Inhalte haben keine verständliche Beschriftung für Screenreader

    Einige Bilder, Schaltflächen und Links haben keine oder keine geeignete programmatische Beschriftung. Dazu gehören etwa Karussellbilder, Kalender-Buttons, der Menü-Button und redundante Bildlinks.

    Auswirkung: Ich höre im Screenreader nur unklare oder gar keine Bezeichnungen und weiß nicht, was ich auswähle. Das macht das Öffnen von Bildern, das Bedienen des Menüs und die Kalendernavigation deutlich schwieriger.

  • Fokus springt unerwartet im Kopfbereich

    Beim Navigieren mit der Tastatur löst der Kopfbereich mehrere unerwartete Zustandswechsel aus. Elemente werden eingeblendet und Fokus springt weiter, sodass die Navigation nicht stabil und vorhersehbar bleibt.

    Auswirkung: Ich verliere beim Tabben leicht die Orientierung und muss mehr Schritte gehen als nötig. Das macht es schwer, gezielt zu einem gewünschten Bereich zu kommen.

  • Karussell-Inhalte sind schwer zugänglich

    Die Bilder im Karussell sind nicht sinnvoll beschriftet und die Großansichten werden nach dem Öffnen nicht sauber in den Fokus genommen. Zusätzlich sind die Punkt-Navigationselemente schwer erkennbar und einige verlinkte Inhalte erzeugen unnötige Tab-Schritte.

    Auswirkung: Ich kann die Karussell-Inhalte nicht gut verstehen oder gezielt bedienen. Wenn ich mit Tastatur oder Screenreader arbeite, ist das Ansehen einzelner Beiträge deutlich umständlicher.

  • Kalender lässt sich per Screenreader nur eingeschränkt bedienen

    Die Blätter-Buttons des Kalenders sind nicht beschriftet. Zudem führt der Kopfbereich mit Kalender-/Menü-Interaktionen zu wechselnden Zuständen, die für assistive Technik schwer nachvollziehbar sind.

    Auswirkung: Ich kann im Kalender nicht sicher erkennen, welchen Button ich betätige. Dadurch wird das Durchblättern von Terminen unnötig kompliziert.

  • Sprung zum Inhalt stört den Einstieg

    Der Link zum Überspringen des wiederkehrenden Bereichs führt nicht direkt und klar zum Hauptinhalt. Stattdessen wird im Anschluss ein anderer Bereich eingeblendet, was den Ablauf unnötig kompliziert macht.

    Auswirkung: Ich will schnell zum Inhalt springen, verliere aber zuerst die Orientierung. Besonders mit Screenreader oder Tastatur muss ich erst verstehen, was gerade passiert, bevor ich weitermachen kann.

  • Fokus ist teilweise unsichtbar

    Bei einzelnen Karussell-Elementen ist der Tastaturfokus nicht sichtbar. Dadurch ist nicht immer erkennbar, welches Element gerade aktiv ist.

    Auswirkung: Ich weiß beim Navigieren mit der Tastatur nicht sicher, wo ich mich gerade befinde. Das kann dazu führen, dass ich falsch weiterklicke oder den Überblick verliere.

  • Links im Fußbereich sind für Screenreader irreführend gruppiert

    Die Spalten im Fußbereich sind mit einer ungeeigneten Rolle ausgezeichnet, sodass Screenreader die enthaltenen Links nicht korrekt unterscheiden. Statt der einzelnen Linkliste kann ein unpassender Gruppenname ausgegeben werden.

    Auswirkung: Ich verstehe im Screenreader schlechter, welche Links zu welcher Kategorie gehören. Das erschwert das schnelle Auffinden von Impressum, Service- oder Hinweislinks.

  • Karussell-Steuerelemente sind nicht eindeutig erkennbar

    Die Navigationspunkte der Karusselle haben zu wenig Kontrast zum Hintergrund. Dadurch sind sie für viele Nutzende schwer zu erkennen, besonders bei schwächerem Sehvermögen oder auf ungeeigneten Displays.

    Auswirkung: Ich finde die Bedienelemente des Karussells schlechter und treffe sie unsicherer. Das erschwert mir, zwischen den Inhalten zu wechseln.

  • Formulardaten werden nicht komfortabel automatisch angeboten

    Die Eingabefelder für persönliche Daten sind nicht mit passenden autocomplete-Attributen versehen. Dadurch kann der Browser gespeicherte Informationen nicht zuverlässig automatisch einsetzen.

    Auswirkung: Ich muss persönliche Angaben öfter manuell eintippen. Das kostet Zeit und ist für mich fehleranfälliger, vor allem bei längeren Formularen.

Hinweis: Diese Zusammenfassung mit generativer KI basiert auf den Informationen aus diesem Gutachten. Künstliche Intelligenz kann Inhalte nicht automatisch barrierefrei machen oder Prüfungen durchführen. Behinderungen sind komplex und mehrschichtig, weshalb diese Analysen nicht zutreffen müssen.

Technische Umgebung

OS
Windows 10 Enterprise
Browser
Google Chrome 129.0.6668.90
Screenreader
NVDA 10.3.1
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Browser-Plugins: Landmark Navigation (Chrome), HTML Validator, WCAG Parsing Bookmarklet
  • https://www.theodor-heuss-haus.de/ Web-Angebot öffnen
  • https://www.theodor-heuss-haus.de/suche?tx_kesearch_pi1%5Bsword%5D=demokratie
  • https://www.theodor-heuss-haus.de/kontakt
  • https://www.theodor-heuss-haus.de/ueber-uns/buendnis-fuer-demokratie-und-menschenrechte
  • https://www.theodor-heuss-haus.de/fileadmin/thh-webportal/006_news/2024/2024-01-15_Erklaerung_Buendnis_Demokratie.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden * Startseite > Willkommen im Theodor-Heuss-Haus!: Die Fotos im Karussell sind weder in der Vorschau (das alt-Attribut ist leer) noch in der Großansicht (das alt-Attribut fehlt) beschriftet. * Startseite > Artikelkacheln: Die redundant verlinkten Abbildungen sind als dekorativ gekennzeichnet. Siehe auch 4.1.2.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden * Formularseite: Die Eingabefelder für persönliche Daten sind nicht mit den entsprechenden autocomplete-Attributen ausgezeichnet.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden * Alle Seiten > Kopfzeile: Die sichtbare Suchfunktion kann nur mit einem Zeiger bedient werden. Siehe auch 2.4.3.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden * Alle Seiten: Die Sprungmarke "Zum Inhalt springen" funktioniert erwartungskonform. Der erste folgende Tabschritt blendet jedoch den reduzierbaren Bereich "Veranstaltungen & mehr" ein und fokussiert den in diesem Kontext missverständlichen Link "Inhalt überspringen" mit dem die initiale Interaktion fortgesetzt werden muss. Diese Kombination von Verhalten und Beschriftung ist für alle Tastaturnutzenden umständlich, und insbesondere mit Screenreadern, vergrößerter Ansicht oder kognitiven Beeinträchtigungen nicht nachvollziehbar. Siehe auch 2.4.3 und 3.2.1.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Alle Seiten > Kopfzeile: Die sichtbare Suchfunktion kann nur mit dem unfokussiert ausgeblendeten Link "Suche öffnen" am Seitenanfang fokussiert werden. Siehe auch 2.1.1. * Alle Seiten > Kopfbereich: Aktivierung des Links "Veranstaltungen & mehr" blendet einen reduzierbaren Bereich ein und fokussiert dessen Schließen-Button. Nach Aktivierung blendet der nächste Tabschritt erneut diesen Bereich ein und fokussiert das erste Steuerelement des Kalenders. Hinweis: Der Link "Inhalt überspringen" mit dem Nutzende am Anfang dieses Bereichs zum Hauptinhalt der Seite springen können (siehe auch 2.4.1), ist unfokussiert ausgeblendet und in diesem gesamten Interaktionskontext nur rückwärts navigierend wahrnehmbar. * Alle Seiten > Kopfbereich > Hamburgermenü: Die Links in der Füßzeile des Menüs sind visuell nach und in der Fokusreihenfolge vor dem Hauptmenü angeordnet. * Startseite > Alle Karusselle: Alle verlinkten ausgeblendeten Inhalte sind zusätzlich zu der Karussellnavigation mit der Tabulatortaste fokussierbar. * Startseite > Willkommen im Theodor-Heuss-Haus!: Die Steuerelemente der Großansichten werden nach dem Einblenden nicht programmatisch fokussiert. * Startseite > Artikelkacheln: Jede Vorschau ist sowohl mit einem unbeschrifteten Foto (siehe auch 1.1.1) als auch textuell verlinkt und verursacht zwei Tabschritte.
WCAG 3.2.1
Fokussierung führt nicht zu Kontextänderung 		nicht bestanden * Alle Seiten > Kopfbereich: Der Tabschritt nach dem Link "Veranstaltungen & mehr" blendet das reduzierbare Hamburgermenü ein und fokussiert dessen "Menü überspringen"-Button. Aktivierung dieses Buttons fokussiert den Inhalt, in dem der erstfolgende Tabschritt erneute eine Kontextänderung verursacht und den reduzierbaren Bereich "Veranstaltaltungen & mehr" einblendet und fokussiert. Siehe auch 2.4.3.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden * Alle Seiten > Kopfbereich: Der Zustand des Hamburgermenüs und die Funktion des "Menü"-Buttons sind nur visuell und nicht durch Software bestimmbar. * Alle Seiten > Fußbereich: Die Spalten "Wichtiges" und "Service" sind mit der Rolle "Tree" ausgezeichnet. Im Screenreader werden dadurch alle Links einer Spalte mit der Beschriftung ihres ersten Links ausgegeben. Hinweis: Die ARIA-Attribute aria-expanded und aria-hidden sind hier redundant. * Alle Seiten > Veranstaltungen & mehr: Die Blätter-Buttons des Kalenders sind nicht beschriftet. * Startseite > Willkommen im Theodor-Heuss-Haus!: Die Links zu den Großansichten der Karussell-Fotos sind alle mit dem gleichen Icon-Font-Zeichen beschriftet, das in der Sprachausgabe nicht unterstützt wird. Siehe auch 1.1.1. * Startseite > Artikelkacheln: Die redundant verlinkten unbeschrifteten Abbildungen sind alle mit dem gleichen Icon-Font-Zeichen beschriftet, das in der Sprachausgabe nicht unterstützt wird. Siehe auch 1.1.1.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden * Ergebnis der formalen Prüfung: nicht anwendbar
A.2
Feedback-Mechanismus ist vorhanden 		nicht bestanden –
A.3
Leichte Sprache ist vorhanden 		nicht bestanden –
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden –

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		im Wesentlichen bestanden * Startseite > Alle Karusselle: Die aktivierbaren grafischen Elemente der Punktenavigation haben einen Kontrastabstand von 1,9:1 zum Hintergrund.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		im Wesentlichen bestanden * Startseite > Willkommen im Theodor-Heuss-Haus!: Die Karussell-Fotos haben keinen sichtbaren Fokusindikator. * Startseite > Artikelkacheln: Die redundant verlinkten unbeschrifteten Abbildungen haben keine Fokusindikator. Siehe auch 1.1.1, 2.4.3 und 4.1.2.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		im Wesentlichen bestanden * Startseite > Alle Karusselle: Die grafischen Navigationselemente sind in englischer Sprache ausgezeichnet.

Bestanden

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		bestanden
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		bestanden
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		bestanden
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		bestanden
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		bestanden
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		bestanden
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		bestanden
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		bestanden
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		bestanden
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden
WCAG 2.3.1
Blitzen wird vermieden 		bestanden
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		bestanden
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		bestanden
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		bestanden
WCAG 2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		bestanden
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		bestanden
WCAG 3.1.1
Sprache ist ausgezeichnet 		bestanden
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		bestanden
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		bestanden
WCAG 3.2.4
Elemente sind konsistent bezeichnet 		bestanden
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		bestanden
WCAG 3.3.2
Label enthalten Eingabehinweise 		bestanden
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden

Möglicherweise verwandte Prüfungen

Stiftung Denkmal

Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik

Prüfung vom 20.08.2025

Unterstützung

Barrieren sichtbar machen kostet Geld. Hilf uns, dranzubleiben.

BarrierenWatch wird ehrenamtlich betrieben und finanziert sich über Steady-Mitgliedschaften von Menschen wie dir, die Barrierefreiheit und Inklusion voranbringen möchten. Hinter dem Projekt stehen Menschen mit Behinderung, die seit Jahren im Bereich der digitalen Barrierefreiheit oder als Aktivist*innen aktiv sind. Aktuell sind wir im Prozess der Gründung eines gemeinnützigen Vereins, der dieses Engagement beheimaten soll.

ab 5 Euro
im Monat

für Recherche, Prüfungen und den Betrieb der Plattform.

Jetzt via Steady unterstützen