Staatliches Gutachten zur digitalen Barrierefreiheit

www.bnb-nachhaltigesbauen.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Fehlende Alternativtexte, falsche Struktur, unklare Rollen/Status und erhebliche Tastaturprobleme beeinträchtigen Screenreader-Nutzung deutlich, auch wenn Grundfunktionen vorhanden sind.

Sehbehinderung Kaum nutzbar

Mehrere gravierende Kontrastmängel, Probleme bei Textabständen und überlappenden Inhalten bei Vergrößerung sowie schlecht sichtbarer Fokus erschweren die Nutzung stark.

Hörbehinderung Mit Hindernissen nutzbar

Es gibt keine Gebärdensprachinhalte, aber sonst kaum audioabhängige Funktionen, sodass hörbehinderte Menschen Inhalte überwiegend nutzen können.

Motorische Behinderung Mit Hindernissen nutzbar

Grundsätzlich ist Tastaturbedienung weitgehend möglich, aber nicht steuerbare Untermenüs, schlecht sichtbarer Fokus und nicht schließbare Overlays erschweren die Nutzung erheblich.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende Leichte Sprache, komplexe Navigation, automatische Sliderbewegung und problematische Fehlermeldungen stellen für viele kognitiv beeinträchtigte Nutzer deutliche Hürden dar.

Neurodivergenz Mit Hindernissen nutzbar

Automatische Slider-Animation, redundante Links, unklare Rückmeldungen und fehlende reduzierte Komplexität können für neurodivergente Personen stark überfordernd sein.

Dokumentierte Barrieren

  • Hauptnavigation per Tastatur nicht nutzbar

    Die Untermenüs der Hauptnavigation lassen sich nicht zuverlässig mit der Tastatur öffnen und bedienen. Dadurch sind zentrale Navigationswege auf der Website für reine Tastaturnutzung nur eingeschränkt erreichbar.

    Auswirkung: Ich kann wichtige Inhalte nicht oder nur sehr umständlich erreichen, wenn ich keine Maus benutze. Das macht die Orientierung auf der Seite deutlich schwerer.

  • Falsche Rollen und fehlende Statusangaben bei Bedienelementen

    Mehrere Elemente sind technisch als etwas anderes ausgegeben, als sie tatsächlich funktionieren, etwa Links, die wie Schalter wirken, oder Listen, die als Tabs behandelt werden. Statusänderungen werden nicht ausreichend mitgeteilt.

    Auswirkung: Ich bekomme mit assistiven Technologien nicht zuverlässig mit, was ein Element tut und in welchem Zustand es ist. Das führt zu Fehlbedienungen und macht die Seite schwer verständlich.

  • Inhalte überlappen bei Textvergrößerung

    Wenn die Schrift vergrößert wird, überlagert der Slider auf der Startseite die Navigation und Inhalte werden abgeschnitten. Dadurch bleiben Teile der Seite nicht mehr sauber lesbar oder bedienbar.

    Auswirkung: Ich kann bei vergrößerter Darstellung nicht alle Inhalte erkennen und verliere wichtige Navigationspunkte aus dem Blick. Für mich wird das Lesen und Navigieren dadurch deutlich erschwert.

  • Wichtige Bedienelemente ohne ausreichende Tastatursteuerung und Fokusführung

    Im Fokusverhalten und bei der Tastaturbedienung treten mehrere Probleme auf, etwa leere Tab-Schritte, nicht per Tastatur erreichbare Slider-Inhalte und schwer schließbare Untermenüs. Das stört die Bedienung an mehreren Stellen und macht die Navigation unnötig kompliziert.

    Auswirkung: Ich brauche mehr Zeit, um durch die Seite zu kommen, und verliere leicht die Kontrolle über die Bedienung. Manche Inhalte wirken für mich nur zufällig erreichbar.

  • Zu geringe Kontraste bei Texten und Bedienelementen

    Mehrere Texte, Buttons und Eingabefelder haben zu geringe Kontraste zum Hintergrund. Dazu gehören etwa Suchfelder, Schaltflächen, Breadcrumbs und Linkelemente auf hellen Flächen.

    Auswirkung: Ich kann Beschriftungen und Klickziele schwerer erkennen, vor allem bei schlechtem Sehvermögen oder im hellen Umfeld. Das erhöht die Fehlergefahr und verlangsamt die Nutzung.

  • Struktur und Überschriften sind für Screenreader uneindeutig

    Es gibt fehlende Überschriften, eine fehlerhafte Überschriftenhierarchie, mehrere Navigationen ohne eindeutige Beschriftung und falsch zugeordnete Bereiche. Auch die Suche und Suchergebnisse sind strukturell nicht sauber ausgezeichnet.

    Auswirkung: Ich kann Inhalte schlechter über Überschriften und Bereiche erfassen und muss mich länger durch die Seite hangeln. Die Orientierung im Screenreader wird dadurch deutlich unübersichtlicher.

  • Slider nicht anhaltbar

    Der automatisch laufende Slider auf der Startseite hat keine Stopp- oder Pausetaste. Inhalte wechseln dadurch ständig weiter, ohne dass ich sie in Ruhe lesen oder ansteuern kann.

    Auswirkung: Ich verliere schnell den Überblick und kann die gezeigten Informationen nicht zuverlässig erfassen. Für mich werden Startseiteninhalte dadurch praktisch schwer nutzbar.

  • Fehlende oder falsche Alternativtexte für Bilder

    Mehrere Bilder und Grafiken haben keinen passenden Alternativtext, manche sollten zwar dekorativ sein, sind aber nicht entsprechend markiert. Screenreader-Nutzende erhalten dadurch keine oder unklare Informationen zu den Bildinhalten.

    Auswirkung: Ich kann die Bedeutung von Bildern nicht erfassen und verpasse möglicherweise Hinweise, die nur visuell vermittelt werden. Dadurch fehlen mir wichtige Informationen beim Verstehen der Seite.

  • Kontaktformular-Fehler sind schwer wahrnehmbar

    Fehlermeldungen im Kontaktformular erscheinen nur als Tooltips und verschwinden bei Vergrößerung teilweise aus dem sichtbaren Bereich. Außerdem gibt es bei fehlerhafter E-Mail-Eingabe keine klare Rückmeldung mit Korrekturhinweis.

    Auswirkung: Ich merke Fehler leicht zu spät oder gar nicht und weiß dann nicht, was ich korrigieren muss. Das macht das Absenden des Kontaktformulars unnötig frustrierend und fehleranfällig.

  • PDF kann trotz Tagging Barrieren enthalten

    Das geprüfte PDF besteht die PDF/UA-Prüfung nicht, obwohl es getaggt ist. Dadurch ist nicht sichergestellt, dass das Dokument mit Assistenztechnik zuverlässig nutzbar ist.

    Auswirkung: Ich kann Inhalte aus dem PDF möglicherweise nicht vollständig oder nicht in der richtigen Reihenfolge erfassen. Für mich kann das die Nutzung von bereitgestellten Dokumenten deutlich erschweren.

  • Aktive Zustände nur über Farbe erkennbar

    Aktive Menüpunkte und Suchseiten-Paginierung werden nur farblich markiert. Es fehlen zusätzliche Merkmale wie Unterstreichung, Rahmen oder andere eindeutige Kennzeichnungen.

    Auswirkung: Ich erkenne nicht sicher, wo ich mich gerade befinde oder welche Seite aktiv ist. Besonders bei Farbsehschwäche kann ich Navigation und Suchergebnisse schlechter verstehen.

  • Barrierefreiheitserklärung und Hilfsangebote fehlen

    Es gibt keine auffindbare Erklärung zur Barrierefreiheit, keinen Feedback-Mechanismus, keine Leichte Sprache und keine Gebärdensprache. Damit fehlen wichtige Unterstützungs- und Kontaktmöglichkeiten für unterschiedliche Nutzergruppen.

    Auswirkung: Ich finde keine einfache Erklärung, wie barrierefrei die Seite ist oder wie ich Probleme melden kann. Wenn ich Inhalte nicht gut verstehe, fehlen mir zusätzliche Zugänge und Unterstützung.

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 11
Browser
Google Chrome Version 132.0.6834.84 (Offizieller Build) (64-Bit)
Screenreader
NVDA
Auflösung
1920 x 1080 Pixel
Tools
Color Contrast Analyser (CCA), Colour Contrast Checker, PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), arc toolkit (Chrome), HTML Validator, WCAG Parsing Bookmarklet
  • https://www.bnb-nachhaltigesbauen.de/ Web-Angebot öffnen
  • https://www.bnb-nachhaltigesbauen.de/service/suche/?tx_indexedsearch_pi2%5Baction%5D=search&tx_indexedsearch_pi2%5Bcontroller%5D=Search&cHash=d591d1dd9afb1b9f4b9c0d971119e1dc
  • https://www.bnb-nachhaltigesbauen.de/service/kontakt/
  • https://www.bnb-nachhaltigesbauen.de/bewertungssystem/buerogebaeude/
  • https://www.bnb-nachhaltigesbauen.de/fileadmin/publikationen/BNB_SGA_01_0.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte (A) nicht bestanden Stockbilder im Slider und unterhalb davon, die keine relevante Information beitragen, sollten dekorativ markiert werden; weitere Grafiken erhalten keinen Alternativtext.
Informationen, Struktur und Beziehungen sind identifizierbar (A) nicht bestanden Header-Bereich fehlt, mehrere Navigationen ohne eindeutige Beschreibung/aria-label, fehlerhafte Hierarchie (z. B. H1 gefolgt von H3, H2 gefolgt von H4, H4 wird falschen Bereichen zugeordnet), vier unsichtbare H2 auf Inhaltseite, fehlende Überschriften für Suche/Suchergebnisse, Seiten-Paginierung bleibt auf Seite 1, Download-Link steht isoliert im Listen-Element.
Farbe ist nicht einziger Informationsträger (A) nicht bestanden Aktiver Menüeintrag und aktive Paginierung der Suche werden ausschließlich durch Farbe hervorgehoben; es fehlen zusätzliche visuelle Merkmale wie Unterstreichung.
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) (AA) nicht bestanden Kontrast zu gering für Sucheingabefeld nach Eingabe (2:1), beige Buttons (#D3B579) auf weiß (1,9:1), weiße Footer-Schrift auf türkis (#4282A1) (4,3:1), Dokumenten-Link/Ansehen-Link (2,9:1), hellblaue Pagination (4,3:1) und blauer Suchbegriff im hellblauen Feld (3,8:1), beige Breadcrumb (3:1).
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend (AA) nicht bestanden Eingabefelder (Inhaltseite) und Sucheingabefeld liegen unter dem geforderten Verhältnis (1,1:1 statt 3:1).
Textabstände sind anpassbar (AA) nicht bestanden Bei Schriftvergrößerung überlappt der Sliderinhalt der Startseite die Navigation, Inhalte werden abgeschnitten.
Bei Fokussierung eingeblendete Inhalte sind steuerbar (AA) nicht bestanden Untermenüs der Hauptnavigation lassen sich nicht mit der ESC-Taste schließen, wodurch Tastaturnutzerinnen die Steuerung erschwert ist.
Tastaturbedienbarkeit ist gegeben (A) nicht bestanden Untermenüs der Hauptnavigation können nicht per Tastatur eingeblendet/navigiert werden.
Automatisch gestartete Animationen sind steuerbar (A) nicht bestanden Slider auf Startseite verfügt über keinen Start/Stopp-Schalter.
Fokusreihenfolge ist aufgabenangemessen (A) nicht bestanden Slider und Artikel auf Start- und Inhaltseiten enthalten Links zu gleichen Zielen (Bild, Überschrift, Mehr-Link) als separate Links, was zu unnötigen Tab-Schritten führt; Screenreader navigiert zu unsichtbaren Slider-Inhalten; Ausklapplisten erzeugen leere Tab-Schritte.
Linkzweck ist verständlich (im Kontext) (A) nicht bestanden Logo-Link und Obermenü-/Footer-Links geben Titel-Attr und Text doppelt aus, was assistive Technologien unnötig repetitiv macht; Schließen-Schalter mit englischem „close" auf Startseite.
Name, Rolle und Wert sind identifizierbar (A) nicht bestanden Obermenü-Einträge als Links, fungieren aber als Schalter ohne entsprechende ARIA-Rollen oder Stati; Slider-Paginierung unbeschriftet; Bedienelemente unter „Beispiele" liefern inkorrekte Rollen (Schalter/Links); Ausklapplisten auf Inhaltseite ohne Statusangabe, „Dokumente" und weitere Listen fälschlicherweise als Tablist/tabpanel.
A.1
Erklärung zur Barrierefreiheit ist vorhanden (entspricht A)
nicht bestanden Auf dem geprüften Webauftritt ist keine Seite zur Erklärung zur Barrierefreiheit vorhanden.
A.2
Feedback-Mechanismus ist vorhanden (entspricht A)
nicht bestanden Feedback-Mechanismus fehlt laut Prüfung.
A.3
Leichte Sprache ist vorhanden (entspricht A)
nicht bestanden Keine Seite mit Erläuterungen in Leichter Sprache auffindbar.
A.4
Gebärdensprache-Video ist vorhanden (entspricht A)
nicht bestanden Keine Seite mit Inhalten in Gebärdensprache vorhanden.
B.1
PAC Test ergibt PDF/UA-konform (entspricht AA)
nicht bestanden PAC-Test besteht nicht, obwohl PDF getaggt ist; die Prüfung kann automatisierte Mängel nicht ausschließen.

Im Wesentlichen bestanden

Kriterium Status Notizen
Tastaturfokus ist sichtbar (AA) im Wesentlichen bestanden Buttons „Suche“ und „erweiterte Suche“ erhalten keinen sichtbaren Fokusrahmen.
Fehlermeldungen sind in Textform vorhanden (A) im Wesentlichen bestanden Fehlermeldungen im Kontaktformular erscheinen als Tool-Tipps, nur eine Nachricht gleichzeitig, verschwinden bei Browservergrößerung außerhalb des Sichtbereichs.
Fehlermeldungen enthalten Korrekturvorschläge (AA) im Wesentlichen bestanden Fehlende Rückmeldung bei fehlerhafter E-Mail-Eingabe.

Bestanden

Kriterium Status
Sinnvolle Lesereihenfolge ist gegeben (A) bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich (A) bestanden
Bildschirmausrichtung ist änderbar (AA) bestanden
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar (AA) bestanden
Schriftgröße kann angepasst werden (AA) bestanden
Inhalte brechen in einspaltiges Layout um (AA) bestanden
Tastaturfallen sind nicht vorhanden (A) bestanden
Blitzen wird vermieden (A) bestanden
Wiederkehrende Bereiche können übersprungen werden (A) bestanden
Titel beschreiben Thema oder Zweck (A) bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar (AA) bestanden
Überschriften und Label beschreiben Thema oder Zweck (AA) bestanden
Zeiger-Eingaben können abgebrochen oder widerrufen werden (A) bestanden
Label enthält sichtbare Beschriftung (A) bestanden
Sprache ist ausgezeichnet (A) bestanden
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet (AA) bestanden
Fokussierung führt nicht zu Kontextänderung (A) bestanden
Eingabe führt nicht zu Kontextänderung (A) bestanden
Navigation ist konsistent aufgebaut (AA) bestanden
Elemente sind konsistent bezeichnet (AA) bestanden
Label enthalten Eingabehinweise (A) bestanden

Nicht anwendbar

Kriterium Status
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen (A) nicht anwendbar
Aufgezeichnete Videos besitzen Untertitel (A) nicht anwendbar
Aufgezeichnete Video-Inhalte besitzen Alternativen (A) nicht anwendbar
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen (AA) nicht anwendbar
Automatisch abgespielte Audio-Inhalte sind steuerbar (A) nicht anwendbar
Schriftgrafiken sind anpassbar oder unverzichtbar (AA) nicht anwendbar
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar (A) nicht anwendbar
Zeitbegrenzungen sind steuerbar (A) nicht anwendbar
Komplexe Zeigerbedienung ist verzichtbar (A) nicht anwendbar
Bewegungsaktivierung ist verzichtbar (A) nicht anwendbar
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) (AA) nicht anwendbar
Statusmeldungen werden ohne Fokussierung ausgegeben (AA) nicht anwendbar

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.