Staatliches Gutachten zur digitalen Barrierefreiheit

www.bbsr-energieeinsparung.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere wesentliche Screenreader-Probleme bei Struktur, Lesereihenfolge, Fokusführung und Name/Rolle/Wert erschweren die Nutzung deutlich, obwohl Grundfunktionen tastatur- und screenreaderzugänglich sind.

Sehbehinderung Mit Hindernissen nutzbar

Mangelnde Text- und Steuerelementkontraste, Probleme bei Reflow und Textabständen sowie teils schlecht sichtbarer Fokus beeinträchtigen die Nutzung stark.

Hörbehinderung Fast barrierefrei

Multimediale Inhalte sind weitgehend mit Untertiteln und Alternativen ausgestattet, nur das fehlende Gebärdensprachvideo mindert die Nutzbarkeit leicht.

Motorische Behinderung Weitgehend zugänglich

Die Seite ist vollständig tastaturbedienbar und frei von Tastaturfallen, jedoch erschweren fehlerhafte Fokusreihenfolgen und teils schlecht sichtbarer Fokus die effiziente Bedienung.

Lernbehinderung Mit Hindernissen nutzbar

Klare Sprache und konsistente Navigation sind weitgehend gegeben, aber unklare Beschriftungen, unerwartete Kontextänderungen und Such- sowie Strukturprobleme können die Orientierung erschweren.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende Fokuslogik, unerwartete automatische Aktionen und Layoutverschiebungen bei Anpassungen können Konzentration und Orientierung stören, obwohl keine blinkenden oder stark ablenkenden Inhalte vorliegen.

Dokumentierte Barrieren

  • Automatische Fokus- und Seitenwechsel stören die Suche

    Beim Übernehmen eines Vorschlags startet die Suche automatisch und der Fokus springt an den Seitenanfang. Auch nach Filtern, Löschen von Filtern oder beim Wechsel zur nächsten Suchseite landet der Fokus nicht dort, wo ich weiterarbeiten würde.

    Auswirkung: Ich verliere nach einer Eingabe meinen Arbeitskontext und muss die Seite neu orientieren. Das kostet Zeit und kann dazu führen, dass ich Ergebnisse oder Bedienelemente übersehe.

  • Fokus ist teils unsichtbar oder springt an unpassende Stellen

    Der Tastaturfokus ist auf einzelnen Elementen, etwa im Teilen-Bereich, in der Paginierung oder beim Link zum Seitenanfang, nicht gut sichtbar. Außerdem folgt die Fokusreihenfolge nicht immer der logischen Bedienreihenfolge.

    Auswirkung: Ich erkenne nicht immer, wo ich mich gerade befinde, und kann mit der Tastatur leicht die Orientierung verlieren. Das macht die Bedienung unsicher und anstrengend.

  • Wichtige Bedienelemente sind bei kleinerem Layout teilweise verdeckt oder abgeschnitten

    Bei veränderten Textabständen und im einspaltigen Layout werden Unterpunkte der Navigation nicht vollständig angezeigt. Auf der Suchseite ragen Paginierungs-Elemente teils aus dem sichtbaren Bereich, und im Teilen-Bereich überdecken Social-Media-Icons den Schließen-Link.

    Auswirkung: Ich kann Navigation und Aktionsflächen nicht zuverlässig vollständig sehen oder anklicken. Das kann das Weiterkommen auf der Seite deutlich erschweren.

  • PDF-Dokument ist nicht barrierefrei nutzbar

    Das bereitgestellte PDF ist nicht PDF/UA-konform. Damit ist zu erwarten, dass es für assistive Technologien nicht zuverlässig strukturiert und lesbar ist.

    Auswirkung: Wenn ich auf die PDF-Inhalte angewiesen bin, kann ich sie möglicherweise nur eingeschränkt oder gar nicht erfassen. Das erschwert den Zugang zu fachlichen Informationen außerhalb der Webseite.

  • Suchergebnisse und Filter sind für Screenreader nur schwer erfassbar

    Auf der Suchseite werden die Treffer nicht als Liste ausgegeben, und die Filteroptionen werden technisch anders angekündigt, als sie visuell wirken. Dadurch sind Suchergebnisse und Filterstruktur nicht so klar erfassbar, wie es für eine verlässliche Bedienung nötig wäre.

    Auswirkung: Ich kann mir Suchtreffer und Filterauswahl nicht schnell und sicher erschließen. Das macht das Eingrenzen und Finden passender Informationen deutlich mühsamer.

  • Wichtige Inhalte werden in falscher Reihenfolge vorgelesen

    Mehrere Seiten geben Inhalte in einer Reihenfolge aus, die nicht der sichtbaren Struktur entspricht. Dazu gehören etwa der Inhalt der rechten Spalte vor dem Haupttext, der Cookie-Hinweis nach den Skip-Links und bei Teasern oder Slider-Elementen fehlende oder verspätete Ansagen.

    Auswirkung: Ich bekomme Informationen in einer irritierenden Reihenfolge und verstehe den Seitenaufbau schlechter. Dadurch kann ich zentrale Inhalte leichter übersehen oder falsch einordnen.

  • Kontrastschwache Texte und Bedienelemente sind schwer erkennbar

    Der hervorgehobene Suchbegriff, der Platzhalter im Suchfeld sowie Checkbox-Rahmen und Hintergrundflächen haben zu geringe Kontraste. Betroffen sind außerdem einige nicht-textliche Bedienelemente und visuelle Hervorhebungen.

    Auswirkung: Ich kann Texte, Markierungen und Steuerflächen schlechter erkennen, vor allem bei schwachem Sehvermögen oder auf ungünstigen Bildschirmen. Dadurch wird Suchen, Filtern und Erkennen von Zuständen deutlich mühsamer.

  • Sucheingabefeld ist nicht klar beschriftet

    Das Suchfeld hat keine sichtbare Beschriftung und der Titel des Feldes wird vom Screenreader nicht vollständig klar ausgegeben. Dadurch ist nicht immer eindeutig, wofür das Eingabefeld gedacht ist.

    Auswirkung: Ich muss länger prüfen, ob ich im richtigen Feld bin. Gerade bei schnellem Arbeiten kann ich die Suche dadurch leichter falsch bedienen.

  • Linktexte und Symbole werden für Screenreader teils missverständlich angekündigt

    Einige Links werden mit störenden Zeichen wie „größer als“ oder durch Silbentrennungszeichen schwer verständlich vorgelesen. Auch das Logo nennt das Ziel nicht klar und entspricht nicht genau dem sichtbaren Text.

    Auswirkung: Ich verstehe Linklisten und die Seitennavigation schlechter und muss häufiger nachprüfen, wohin ein Link führt. Das verlangsamt die Nutzung und erhöht die Fehlerrisiken.

  • Interaktive Startseiten-Elemente sind doppelt und teils falsch benannt

    Im Slider und in Bild-Text-Teasern erhalten pro Element zwei Links den Fokus, die zum gleichen Ziel führen. Zusätzlich werden die Paginierungspunkte im Slider als Registerkarten ausgegeben, obwohl ihre Bedienlogik nicht dazu passt.

    Auswirkung: Ich muss mehr Tastenanschläge machen und stoße auf doppelte Inhalte. Das ist verwirrend und macht die Startseite unnötig komplex.

  • Überschrift und Filtertitel liefern nach Änderungen keine klare Orientierung

    Am Ende des Hauptinhalts erscheint die wenig aussagekräftige Überschrift „Diese Seite“. Nach dem Ändern eines Filters fehlt außerdem der Titel des betroffenen Filterbereichs, sodass die aktuelle Auswahl weniger eindeutig bleibt.

    Auswirkung: Ich kann Inhalte und Filterzustände schlechter einordnen. Das macht es schwieriger, mich auf der Seite zu orientieren und Änderungen nachzuvollziehen.

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 121.0.6167.140
Screenreader
NVDA 2023.3.1
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator, WCAG Parsing Bookmarklet
  • www.bbsr-energieeinsparung.de Web-Angebot öffnen
  • https://www.bbsr-geg.bund.de/GEGPortal/SiteGlobals/Forms/Suche/Servicesuche_Formular.html?nn=4042162&resourceId=3868516&input_=4042162&pageLocale=de&templateQueryString=energie
  • https://www.bbsr-geg.bund.de/GEGPortal/DE/Service/Impressum/impressum_node.html
  • https://www.bbsr-geg.bund.de/GEGPortal/DE/ErgaenzendeRegelungen/Vollzug/vollzug_node.html
  • https://www.bbsr-geg.bund.de/GEGPortal/DE/Energieausweise/Druckapplikation/AnwendungshinweiseV223.pdf?__blob=publicationFile&v=1

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden * Inhaltsseite: Im Inhaltsbereich werden die ">"-Zeichen vor den Links als "größer als" vom Screenreader ausgegeben. * Alle Seiten: Der alt-Text des Logos im Kopfbereich entspricht nicht genau dem Logotext, zudem ist das Linkziel im alt-Text nicht enthalten.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden * Startseite: Beim automatisch laufenden Slider steht der Animation-STOP Button nicht am Anfang der Ausgabereihenfolge. * Startseite: Die Bildtexte (Caption) der Teaser-Bilder werden vom Screenreader nicht ausgegeben. * Startseite: Im Inhaltsbereich werden die beiden Bild-Text-Teaser "GEG Broschüre" und "Leitfaden für Energiebedarfsausweise im Nichtwohnungsbau" vom Screenreader nicht ausgegeben. * Suchseite, Inhaltsseite: Oberhalb des Footers ist die Ausgabereihenfolge nicht korrekt, da zuerst der "Drucken"-Link und danach erst der "Teilen"-Link vom Screenreader ausgegeben werden. * Inhaltsseite: Im Inhaltsbereich entspricht die Ausgabereihenfolge nicht der visuellen Darstellung, da zwischen der Überschrift und dem nachfolgenden Text, der Inhalt der rechten Spalte vom Screenreader ausgegeben wird. * Alle Seiten: Das Cookie-Banner wird erst nach den Skip-Links vom Screenreader ausgegeben. * Alle Seiten: Der Screenreader gibt mehrere Links (z.B. Suche-Link, Footer-Links, Unternavigation) durch die enthaltenen ­-Zeichen schwer verständlich aus. * Alle Seiten: Im Titeltext des Sucheingabefeldes wird das Zeichen "?" vom Screenreader nicht ausgegeben.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden * Suchseite: Der farblich hervorgehobene Suchbegriff (in den Texten der Suchergebnisse) hat ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe. * Alle Seiten: Der Platzhaltertext im Sucheingabefeld ("Suche"-Layer) hat ein zu geringes Kontrastverhältnis zum Hintergrund.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden * Suchseite: Die Bedienelemente der Paginierung werden teilweise außerhalb des sichtbaren Bereichs angezeigt. * Suchseite, Inhaltsseite: Im geöffneten "Teilen"-Layer (oberhalb des Footers), überlagern die Socialmedia-Icon den "Schließen"-Link des Layers.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden * Suchseite: In den Filterauswahllisten haben die Rahmen der Checkboxen einen zu geringen Kontrastabstand zur Hintergrundfarbe. * Alle Seiten: Die Hintergrundfarbe des Sucheingabefeldes hat ein zu geringen Kontrastverhältnis zum Hintergrund.
WCAG 1.4.12
Textabstände sind anpassbar 		nicht bestanden * Alle Seiten: Unter den Hauptmenüpunkten (z.B. "Archiv"), werden nicht mehr alle Unternavigationspunkte im sichtbaren Bereich angezeigt.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden * Startseite: Der angebotene Skip-Link zum Suche-Layer der Seite funktioniert nicht.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Startseite: Nach der Hauptnavigation folgt ein nicht sichtbarer Tabschritt. * Startseite: Der Button zum Stoppen der Slider-Animation erhält nicht am Anfang des Sliders den Fokus. * Suchseite, Inhaltsseite: Oberhalb des Footers ist die Fokusreihenfolge nicht korrekt da zuerst der "Drucken"-Link und danach erst der "Teilen"-Link den Fokus erhält. * Suchseite: Der Fokus wird bspw. nach dem Filtern der Liste, nach dem Löschen des Filters, nach dem Ausführen einer erneuten Suche oder nach dem Öffnen der nächsten Suchergebnisseite an den Seitenanfang und nicht z.B. auf den ersten Suchergebniseintrag gesetzt. * Inhaltsseite: Der Inhaltsbereich erhält erst nach dem rechten Seitenbereich ("Auf dieser Seite") mit der Tabulatortaste den Fokus. * Alle Seiten: Nach dem Aktivieren des "Zum Seitenanfang"-Link im Footer wird der Fokus nicht an den Seitenanfang gesetzt, sondern verbleibt auf dem Link. * Alle Seiten: Das Cookie-Banner erhält erst nach den Skip-Links im Header den Fokus. * Hinweise: ** Startseite: Im Slider erhalten pro Slide jeweils zwei Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen. ** Startseite: In den Bild-Text-Teasern im Inhaltsbereich erhalten pro Teaser zwei Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen.
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		nicht bestanden * Alle Seiten: Am Ende des Hauptinhaltsbereiches wird eine nicht aussagekräftige Überschrift vom Screenreader ausgegeben: "Diese Seite".
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden * Startseite: Der Fokus ist auf den Socialmedia-Links (im "Teilen"-Layer) nicht sichtbar. * Suchseite: In der Paginierung ist die fokussierte Seitenzahl nicht mehr sichtbar. * Alle Seiten: Der Fokus ist auf dem "Zum Seitenanfang"-Link nicht gut sichtbar.
WCAG 3.2.4
Elemente sind konsistent bezeichnet 		nicht bestanden * Suchseite: Nach dem Ändern eines Filters wird der Titel des jeweiligen Filterbereichs ("Dokumenttyp" oder "Zeitraum") nicht mehr angezeigt.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden * Suchseite: Die Filter-Bezeichnungen werden als Überschriften vom Screenreader ausgegeben. * Suchseite: Im Filterbereich der Suchergebnisse werden die einzelnen Optionen als Links ausgegeben. Diese Rolle stimmt mit der visuellen Darstellung ("Checkboxen") nicht überein. * Startseite: Im Slider werden die Paginierungspunkte vom Screenreader als Registerkarten ausgegeben, diese sind aber nicht (wie bei Registerkarten üblich) oberhalb des nachfolgenden Inhalts (Slides) angeordnet. Die Paginierung sollte zusätzlich als „Blätterfunktion“ benannt sein.
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden * Das PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		im Wesentlichen bestanden * Hinweise: ** Suchseite: Die Suchergebnisse sind nicht als Liste ausgezeichnet. ** Suchseite: Die Funktion der Paginierung der Suchergebnisse ist durch die fehlende Beschriftung nicht gut erkennbar.
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		im Wesentlichen bestanden * Hinweis: Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche.
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		im Wesentlichen bestanden * Hinweis: Suchseite: Übernimmt ein Nutzer beim Sucheingabefeld einen Wert der Vorschlagsliste, dann wird die Suche automatisch gestartet und der Fokus wird an den Anfang der Seite gesetzt. Ein Nutzer wird im Vorfeld nicht über dieses Verhalten informiert.
WCAG 3.3.2
Label enthalten Eingabehinweise 		im Wesentlichen bestanden * Suchseite: Das Sucheingabefeld hat keine sichtbare Beschriftung.

Bestanden

Kriterium Status Notizen
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.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden –
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden –
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		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.4
Schriftgröße kann angepasst werden 		bestanden –
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden –
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		bestanden –
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		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.4
Linkzweck ist verständlich (im Kontext) 		bestanden –
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		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.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		bestanden –
WCAG 3.2.1
Fokussierung führt nicht zu Kontextänderung 		bestanden –
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		bestanden –
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		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 –
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		bestanden * Ergebnis der formalen Prüfung: nicht bestanden
A.2
Feedback-Mechanismus ist vorhanden 		bestanden –
A.3
Leichte Sprache ist vorhanden 		bestanden –

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