Staatliches Gutachten zur digitalen Barrierefreiheit

www.isw-isb.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Fehlende Alternativtexte, falsche Strukturierung, Probleme mit Fokusreihenfolge und Cookie-Layer erschweren Screenreader-Nutzung deutlich, machen sie aber nicht völlig unmöglich.

Sehbehinderung Kaum nutzbar

Viele Kontrastprobleme, unzureichende Skalierung, schwer sichtbare Fokusindikatoren und Overlays beeinträchtigen die Lesbarkeit stark.

Hörbehinderung Weitgehend zugänglich

Audiovisuelle Inhalte sind weitgehend mit Untertiteln/Alternativen versehen, aber fehlende Gebärdensprache-Angebote mindern die Nutzbarkeit etwas.

Motorische Behinderung Mit Hindernissen nutzbar

Seite ist grundsätzlich tastaturbedienbar und ohne komplexe Zeigergesten, aber Probleme mit Menüs, Overlays und Fokus erschweren die Nutzung mit eingeschränkter Motorik.

Lernbehinderung Kaum nutzbar

Fehlende Leichte Sprache, unklare Fehlermeldungen, komplexe Navigation ohne Suche und problematische Menüs erschweren das Verständnis deutlich.

Neurodivergenz Mit Hindernissen nutzbar

Automatischer Slider ohne Pause, unruhige Menüs und komplexe Strukturen können stark ablenken, auch wenn keine starken Blinkeffekte vorliegen.

Dokumentierte Barrieren

  • Tastaturfokus und Dialoge im Cookie-Banner sind schwer nachvollziehbar

    Im Cookie-Layer ist die Reihenfolge der Bedienelemente aus Screenreader-Sicht fehlerhaft, der Fokus ist teils nicht sichtbar und nach dem Öffnen der Datenschutzeinstellungen bleibt der Fokus im Hintergrund. Dadurch ist die Interaktion mit dem Banner und den Einstellungen uneindeutig.

    Auswirkung: Ich weiß nicht zuverlässig, wo ich mich gerade befinde und welches Element aktiv ist. Das kann mich daran hindern, Cookies sinnvoll zu verwalten oder die Seite ungestört weiterzunutzen.

  • Fehler in Formularen sind schwer erkennbar

    Auf der Formularseite werden fehlerhafte oder fehlende Eingaben nur über Farbe und teilweise ohne klare Textmeldung sichtbar gemacht. In der Hochkontrastansicht sind die betroffenen Felder zusätzlich nicht zuverlässig erkennbar.

    Auswirkung: Ich erkenne nicht sicher, welche Eingaben fehlen oder falsch sind. Das kostet Zeit und kann dazu führen, dass ich das Formular nicht erfolgreich abschicken kann.

  • Untermenüs sind bei Tastatur- und Zoomnutzung schlecht bedienbar

    Die Untermenüs im Hauptmenü lassen sich mit der Tastatur nicht zuverlässig schließen und werden bei angepasstem Textabstand teilweise außerhalb des sichtbaren Bereichs dargestellt. Das Menü reagiert zudem teils fehlerhaft und flackert bei Mouseover.

    Auswirkung: Ich kann Navigationspunkte leichter verlieren oder versehentlich falsche Bereiche öffnen. Das erschwert das Erreichen wichtiger Inhalte deutlich, vor allem bei Vergrößerung oder mit Tastatur.

  • Fokusreihenfolge erschwert die Orientierung auf der Seite

    Die Fokusreihenfolge ist an mehreren Stellen nicht schlüssig, zum Beispiel im Slider, nach dem Absenden eines fehlerhaften Formulars und in der Hauptnavigation. Auch der Cookie-Layer wird erst spät erreicht und enthält nicht sichtbare Tabb-Schritte.

    Auswirkung: Ich kann beim Tabben leicht die Orientierung verlieren und muss mehr Tastendrücke ausführen. Kritische Aktionen wie das Korrigieren von Formularfehlern oder das Bedienen von Einwilligungsdialogen werden unnötig kompliziert.

  • Bedienelemente im Hauptmenü werden vom Screenreader falsch angesagt

    Die fokussierten Menüpunkte „Service“ und „Newsletter“ werden vom Screenreader als „leer“ ausgegeben. Dadurch ist ihr Zweck für blinde oder sehbehinderte Nutzende nicht erkennbar.

    Auswirkung: Ich kann diese Menüpunkte nicht zuverlässig identifizieren oder auswählen. Das erschwert die Navigation und kann mich davon abhalten, gewünschte Inhalte zu finden.

  • Mehrere Texte und Bedienelemente sind schwer lesbar

    Auf mehreren Seiten haben wichtige Texte, Links, Buttons und Formularhinweise zu wenig Kontrast zum Hintergrund. Auch die Eingabefelder und Cookie-Schalter sind optisch zu schwach abgegrenzt.

    Auswirkung: Ich kann Inhalte schlechter erkennen, besonders bei schwachem Sehvermögen oder auf ungünstigen Bildschirmen. Das erhöht die Fehlergefahr und verlangsamt die Nutzung deutlich.

  • Formularfelder sind schwer verständlich und nicht bequem ausfüllbar

    Die Eingabefelder der Formularseite sind nur über Platzhalter beschrieben und wichtige Hinweise fehlen oder sind nicht eindeutig gekennzeichnet. Außerdem sind Nutzerdatenfelder nicht mit Autovervollständigung ausgezeichnet.

    Auswirkung: Ich muss mehr raten und kann Eingaben leichter falsch machen. Das macht das Ausfüllen langsamer und anstrengender, besonders bei längeren Formularen.

  • Wichtige Bereiche sind schwer zu überblicken und zu springen

    Es gibt keine Skip-Links, und Strukturinformationen wie Hauptbereiche oder sauber ausgezeichnete Listen und Überschriften fehlen an mehreren Stellen. Dadurch ist die Seitenstruktur für Hilfstechnologien nur eingeschränkt nutzbar.

    Auswirkung: Ich muss Inhalte mühsam durchlaufen, statt schnell zu den Hauptbereichen zu springen. Das kostet besonders bei längeren Seiten Zeit und Übersicht.

  • PDF ist für assistive Technologien nicht ausreichend aufbereitet

    Das bereitgestellte PDF ist nicht PDF/UA-konform. Damit ist es für Screenreader und andere Hilfstechnologien voraussichtlich nur eingeschränkt oder fehlerhaft nutzbar.

    Auswirkung: Ich kann Inhalte aus dem PDF möglicherweise nicht zuverlässig lesen, strukturieren oder gezielt finden. Wenn das Dokument wichtige Informationen enthält, ist mir der Zugang deutlich erschwert.

  • Automatisch laufender Slider lenkt ab und ist nicht stoppbar

    Auf der Startseite läuft ein Slider automatisch weiter, ohne dass ein Pause- oder Stopp-Button angeboten wird. Zusätzlich werden beim Lesen mit dem Screenreader auch nicht sichtbare Slides durchlaufen.

    Auswirkung: Ich werde beim Lesen abgelenkt und verliere Zeit, weil sich Inhalte ständig ändern. Mit Screenreader ist die Nutzung unruhig und schwerer verständlich.

  • Logo und Grafiken liefern unzureichende Alternativinformationen

    Eine wichtige Grafik hat keinen sinnvollen Alternativtext, und der Logo-Text wird nicht passend als solcher ausgegeben. Dadurch fehlen nutzbare Textalternativen für nicht sichtbare oder nicht erkennbare Inhalte.

    Auswirkung: Ich bekomme nicht immer mit, was eine Grafik bedeutet oder welche Seite gerade angezeigt wird. Mit Screenreader kann das die Orientierung und das Verständnis der Seite beeinträchtigen.

  • Sprachwechsel im Slider wird vom Screenreader falsch behandelt

    Die Steuerelemente des Sliders werden vom Screenreader in englischer Sprache ausgegeben, ohne dass der Sprachwechsel technisch gekennzeichnet ist. Das führt zu uneinheitlicher und möglicherweise missverständlicher Sprachausgabe.

    Auswirkung: Ich muss die Bedienung stärker erraten und kann Informationen leichter falsch verstehen. Das ist vor allem bei assistiver Nutzung störend und verwirrend.

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 117.0.5938.89
Screenreader
NVDA 2022.4
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator (validator.w3.org/nu), WCAG Parsing Bookmarklet
  • www.isw-isb.de Web-Angebot öffnen
  • https://www.isw-isb.de/service/kontakt
  • https://www.isw-isb.de/referendariat
  • https://www.isw-isb.de/fileadmin/Content/pdf/Formulare/Publikation_Beispielhafte_Entwicklungsprojekte_Innenstadt_2022.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Inhaltsseite: Die Grafik im Bereich "Das Interdisziplinäre Fachforum und das Fachseminar Städtebau am ISB Berlin" hat keinen aussagekräftigen alt-Text (URL der Grafik wird ausgegeben). Alle Seiten: Der alt-Text des Logos im Kopfbereich entspricht nicht genau dem Logotext.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite: Im Bereich "Aktuelle Veranstaltungen" sind die Auflistungen nicht als Liste ausgezeichnet. Inhaltseite: Einige Abschnittsüberschriften (z.B. "Ansprechpartner") sind nicht als solche ausgezeichnet. Inhaltseite: Nach der Überschrift "Termine" wird eine leere H3-Überschrift ausgegeben. Inhaltseite: Im Bereich "Termine" sind die Auflistungen nicht als Listen ausgezeichnet. Alle Seiten: Im Footer sind die visuell als eine Liste dargestellten Links jeweils aus zwei getrennten Listen und <nav>-Regionen erstellt. Alle Seiten: Die Navigationsregion im Header beinhaltet das Logo. Alle Seiten: Die Navigationsregionen haben keine zusätzliche Beschriftung, Regionenbezeichnungen wie <main> oder <footer> sind nicht vorhanden. Formularseite: Fehlerhafte Formularfelder sind in der Hochkontrastansicht nicht erkennbar.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Startseite: Im Slider werden beim linearen Lesen mit dem Screenreader alle Slides durchlaufen und nicht nur der gerade sichtbare Slide. Formularseite: Am Ende des Formulars wird ein unsichtbares Eingabefeld mit Label "Dieses Feld bitte nicht ausfüllen" vom Screenreader ausgegeben. Alle Seiten: Im Cookie-Layer ist die Ausgabereihenfolge der Buttons durch den Screenreader nicht korrekt. Alle Seiten: Das Cookie-Banner wird erst am Ende der Seite vom Screenreader ausgegeben.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Formularseite: Die Formularfelder für die Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet.
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		nicht bestanden Formularseite: Die fehlerhaften Formularfelder sind nur farbig gekennzeichnet.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Startseite, Formularseite, Inhaltsseite: Mehrere Elemente (z.B. im Bereich "Aktuelle Veranstaltungen", Placeholder-Texte, "Senden"-Button, Links in Hauptnavigation) haben zu geringes Kontrastverhältnis. Alle Seiten: Im Header hat Logo-Text zu geringen Kontrast. Alle Seiten: Im Footer haben mehrere Links und Texte zu geringen Kontrast.
WCAG 1.4.4
Schriftgröße kann angepasst werden 		nicht bestanden Formularseite: Der "Senden"-Button überlagert den Hinweis zur Datenverarbeitung und Placeholder-Texte werden nicht vollständig im sichtbaren Bereich angezeigt.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Formularseite: Hintergrund der Eingabefelder hat zu geringes Kontrastverhältnis. Alle Seiten: Wahlschalter vor Cookies im Datenschutz-Layer haben zu geringen Kontrast.
WCAG 1.4.12
Textabstände sind anpassbar 		nicht bestanden Alle Seiten: Im Hauptmenü werden einige Untermenüpunkte teilweise außerhalb des sichtbaren Bereichs dargestellt.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden Alle Seiten: Im Hauptmenü können die per Mouseover oder per Tab geöffneten Untermenüs mit der Tastatur (z.B. ESC-Taste) nicht korrekt geschlossen werden (teilweise fehlerhafte Anzeige und Flackern bei Mouseover).
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden Startseite: Beim automatisch ablaufenden Slider wird kein Button zum Beenden oder Pausieren der Slideranimation angeboten.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Alle Seiten: Es werden keine Skip-Links zur Verfügung gestellt.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: Slider fokussiert Links von nicht geöffneten Sliderseiten. Formularseite: Nach Absenden fehlerhaften Formulars wird Fokus nicht auf erstes fehlerhaftes Feld gesetzt. Alle Seiten: Nach Hauptmenüpunkten "Über uns" und "Service" folgt ein nicht sichtbarer Tabschritt. Alle Seiten: Cookie-Layer wird erst am Ende der Seite erreicht. Alle Seiten: Fokusreihenfolge der Cookie-Layer-Buttons nicht korrekt. Alle Seiten: Nach Öffnen der Datenschutzeinstellungen verbleibt Fokus auf Hintergrund.
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		nicht bestanden Alle Seiten: Innerhalb der Anwendung sind die Seiten nicht über eine Suche oder Sitemap erreichbar.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Alle Seiten: Im Cookie-Layer ist der Fokus auf mehreren Elementen (z.B. "Ablehnen"- und "Alle zulassen"-Button) nicht sichtbar.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Startseite: Die Bedienelemente des Slider (< >) werden vom Screenreader in englischer Sprache ausgegeben und der Sprachwechsel ist im Quellcode nicht ausgezeichnet.
WCAG 3.3.2
Label enthalten Eingabehinweise 		nicht bestanden Formularseite: Eingabefelder sind nur mit Placeholder beschriftet. Checkbox "Ich willige in die Datenverarbeitung ein" ist nicht als Pflichtfeld gekennzeichnet, obwohl Pflichtfeld.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden Startseite: Die Seite enthält Syntaxfehler.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Alle Seiten: In der Hauptnavigation werden die beiden fokussierten Menüpunkte "Service" und "Newsletter" vom Screenreader als "leer" ausgegeben.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Ergebnis der formalen Prüfung: nicht bestanden.
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 Das PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		im Wesentlichen bestanden Startseite: Bei Links im Bereich "Aktuelle Veranstaltungen" ist die Linkfunktion durch sehr lange Beschriftungen mit Nummern, beschreibendem Text oder Subtext nicht gut erkennbar.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		im Wesentlichen bestanden Formularseite: Werden Pflichtfelder leer gelassen, wird nach Absenden keine Fehlermeldung oberhalb oder am entsprechenden Eingabefeld ausgegeben. Fehlerhafte Felder werden nur visuell (roter Rahmen) hervorgehoben.

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.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		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.3.1
Blitzen wird vermieden 		bestanden
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		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.1
Fokussierung führt nicht zu Kontextänderung 		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.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		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