Staatliches Gutachten zur digitalen Barrierefreiheit

VBG – www.vbg.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Fehlende Alternativtexte, fehlerhafte Struktur, unklare Rollen/Zustände und problematische Formulare behindern Screenreader-Nutzung deutlich, machen die Seite aber nicht völlig unbedienbar.

Sehbehinderung Kaum nutzbar

Mangelnder Reflow, schlechte Kontraste, Probleme bei Vergrößerung und schwer schließbare Overlays erschweren die Nutzung für sehbehinderte Menschen stark.

Hörbehinderung Fast barrierefrei

Es werden keine wesentlichen audio-spezifischen Barrieren beschrieben, sodass gehörlose Menschen die Seite weitgehend uneingeschränkt nutzen können.

Motorische Behinderung Kaum nutzbar

Schwere Tastaturprobleme, unlogische Fokusreihenfolge und schlecht sichtbarer Fokus beeinträchtigen die Nutzbarkeit für Personen mit motorischen Einschränkungen stark.

Lernbehinderung Mit Hindernissen nutzbar

Unklare Navigation, inkonsistente Kennzeichnungen, komplexe Tabellen und schlechte Fehlerkennzeichnung erschweren Orientierung und Formularnutzung deutlich.

Neurodivergenz Mit Hindernissen nutzbar

Inkonsistente Menüführung, schwer nachvollziehbare Fokusbewegungen und unübersichtliche Formulare können für neurodivergente Menschen stark überfordernd sein.

Dokumentierte Barrieren

  • Tastaturbedienung bleibt an Menüs und Links hängen

    Mehrere Links auf der Seminarbuchung sind nicht mit Tab erreichbar, und das aufgeklappte Hauptmenü lässt sich per Tastatur nicht wieder schließen. Dadurch bleiben Tastaturnutzende in der Bedienung stecken.

    Auswirkung: Ich kann wichtige Bereiche nicht erreichen oder die aktuelle Stelle nicht verlassen. Das blockiert die Nutzung zentraler Funktionen für Menschen, die nur die Tastatur verwenden.

  • Hover-Menü lässt sich nicht zuverlässig schließen

    Das Hauptmenü öffnet sich per Hover, bleibt aber offen und kann weder mit Escape noch durch erneutes Klicken geschlossen werden. Es überdeckt dabei Teile der Seite, vor allem bei starker Vergrößerung.

    Auswirkung: Ich verliere den Zugang zu Inhalten unter dem Menü und kann die Seite nicht mehr gut lesen oder bedienen. Bei Vergrößerung wird die Navigation schnell zum Hindernis.

  • Formularfelder ohne verknüpfte Beschriftung

    In der Seminarbuchung sind Eingabefelder nicht korrekt mit ihren Labels verbunden. Für Screenreader fehlt damit beim Fokus auf dem Feld die passende Beschriftung.

    Auswirkung: Ich weiß nicht sicher, was ich in ein Feld eintragen soll. Dadurch steigt die Fehlergefahr und das Ausfüllen von Formularen wird deutlich mühsamer.

  • Fehler in Formularen werden nicht am Feld erklärt

    Formularfehler werden nur gesammelt am Anfang des Formulars angezeigt. Die einzelnen betroffenen Felder werden nicht direkt hervorgehoben oder klar beschriftet.

    Auswirkung: Ich muss den Fehler erst suchen und ihn dann dem richtigen Feld zuordnen. Das erschwert besonders das Korrigieren von Eingaben erheblich.

  • Interaktive Elemente geben Zustand und Rolle nicht klar aus

    Tabs, Akkordeons und Menüs übermitteln nicht zuverlässig, was sie sind und ob sie gerade geöffnet oder aktiv sind. Assistive Technologien erhalten damit zu wenig Information zur Bedienung.

    Auswirkung: Ich kann nicht sicher erkennen, welche Schaltfläche gerade aktiv ist oder was sie bewirkt. Das macht die Navigation unübersichtlich und fehleranfällig.

  • Stornierungsbedingungen in falscher Lesereihenfolge

    Die Stornierungsbedingungen erscheinen zwar visuell als eingeblendeter Inhalt, liegen im Code aber am Ende der Seite. Dadurch werden sie von Screenreadern erst sehr spät erreicht.

    Auswirkung: Ich muss sehr viel irrelevanten Inhalt durchgehen, bevor ich die eigentlich eingeblendeten Bedingungen hören kann. Das macht den Zugang zu wichtigen Informationen unnötig schwer und zeitaufwendig.

  • Inhalte brechen auf kleinen Bildschirmen nicht um

    Bei kleiner Browserbreite werden bestimmte Abschnitte, etwa die Stornierungsbedingungen, nicht korrekt umgebrochen. Inhalte werden abgeschnitten und sind ohne weiteres Scrollen nicht vollständig sichtbar.

    Auswirkung: Ich kann Textteile auf dem Smartphone oder bei starker Vergrößerung nicht vollständig lesen. Dadurch gehen wichtige Informationen verloren.

  • Fehlende oder falsche Alternativtexte

    Einige Bilder und grafische Bedienelemente sind nicht sinnvoll mit Alternativtext versehen. Dekorative Grafiken haben zudem sichtbare Texte, obwohl sie für Hilfstechnologien ignoriert werden sollten.

    Auswirkung: Ich kann wichtige Inhalte von Bildern nicht erfassen oder ich höre unnötige, irreführende Ansagen. Dadurch verstehe ich Zusammenhänge schlechter und komme bei der Nutzung von Screenreadern ins Stocken.

  • Schlecht erkennbare Bedienelemente im Slider

    Pfeile und andere grafische Steuerelemente liegen auf kontrastarmen Hintergrundbildern. Die Symbole heben sich optisch nicht ausreichend ab.

    Auswirkung: Ich finde die Bedienelemente schlechter und bin unsicher, wo ich klicken soll. Das erschwert besonders Menschen mit Sehschwäche die Bedienung deutlich.

  • Fokus ist schwer nachzuvollziehen

    Die Tab-Reihenfolge folgt an mehreren Stellen nicht der visuellen Reihenfolge. Zusätzlich ist der Fokus bei manchen Elementen nur schwach sichtbar.

    Auswirkung: Ich verliere leicht die Orientierung, wo ich mich gerade befinde. Das macht eine reine Tastaturbedienung unsicher und anstrengend.

  • Fehlerhafte Struktur von Überschriften und Listen

    Auf manchen Seiten werden Überschriften doppelt, ohne Inhalt oder in falscher Funktion ausgegeben. Visuell als Liste dargestellte Inhalte sind teils nicht als echte Liste ausgezeichnet.

    Auswirkung: Ich kann die Gliederung der Seite schlechter erfassen und Inhalte nicht zuverlässig in Beziehung setzen. Das macht längere Informationsseiten deutlich anstrengender und unübersichtlicher.

  • Pflichtfelder sind nicht erkennbar

    Im Seminarformular ist nicht klar markiert, welche Felder verpflichtend sind und welche optional. Dadurch fehlt eine wichtige Orientierung beim Ausfüllen.

    Auswirkung: Ich weiß nicht sicher, welche Angaben ich machen muss. Das erhöht die Wahrscheinlichkeit von Fehlern und unnötigen Korrekturen.

  • Menükennzeichnung ist uneindeutig

    In der mobilen Ansicht sehen Pfeile bei Untermenüs und Direktlinks gleich aus. Es ist nicht erkennbar, ob ein Tipp ein Untermenü öffnet oder direkt eine andere Seite lädt.

    Auswirkung: Ich muss raten, was nach dem Antippen passiert. Das kostet Zeit und führt leicht zu Fehlbedienungen.

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 (Version 1909)
Browser
Firefox (Version 88.0.1)
Screenreader
NVDA (Version 2020.3)
Auflösung
1280 × 1024
Tools
Colour Contrast Analyser (Version 3.1.1), PDF Accessibility Checker 3 (Version 3.0.7.0)

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Einige grafische Bedienelemente (z. B. das Telefon-Icon in den Kontaktinformationen) haben keine aussagekräftige Alternativen; Screenreader erhalten so nicht die Information, dass es sich um eine Rufnummer handelt.
WCAG 1.1.1
Leere alt-Attribute für Layoutgrafiken 		nicht bestanden Dekorative Teaserbilder und weitere Layoutgrafiken tragen sichtbare alt- bzw. title-Attribute mit irrelevanten Texten; diese müssen leer sein, damit Screenreader die dekorativen Bilder ignorieren.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Auf der Seite „Geldleistungen“ werden Überschriften mehrfach ohne Inhalt bzw. in erweiterter Form durch Tabellenspalten übernommen, weshalb Screenreader die Struktur und Beziehung der Inhalte nicht zuverlässig vermitteln können.
WCAG 1.3.1
Beschriftung von Formularelementen programmatisch ermittelbar 		nicht bestanden Formularfelder auf der Seminarbuchung sind nicht mit den zugehörigen Labels verknüpft; Screenreader können so beim Erreichen des Feldes keine Beschriftung vorlesen.
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Die Stornierungsbedingungen werden visuell modal eingeblendet, befinden sich im DOM aber am Ende der Seite; Screenreader-Nutzer müssen daher die gesamte Seite durchlaufen, bevor die Inhalte vorgelesen werden.
WCAG 1.4.10
Automatischer Umbruch (Reflow) 		nicht bestanden Bei einer Browserbreite von 320 Pixeln bricht z. B. der Abschnitt zu den Stornierungsbedingungen nicht um und es gibt kein horizontales Scrollen, sodass Inhalte abgeschnitten sind.
WCAG 1.4.11
Nicht-Text-Kontrast 		nicht bestanden Bedienelemente im Startseiten-Slider (z. B. Pfeile) und sonstige graphische Elemente liegen auf kontrastschwachen Hintergrundbildern und erreichen nicht das erforderliche Kontrastverhältnis von 3:1.
WCAG 1.4.13
Eingeblendeter Inhalt bei Darüberschweben oder Fokus 		nicht bestanden Das Hauptmenü lässt sich per Hover öffnen, aber weder mit Escape noch durch erneutes Klicken schließen; das Menü überdeckt Teile der Seite, insbesondere bei starker Vergrößerung.
WCAG 2.1.1
Tastatur 		nicht bestanden Mehrere Links auf der Seite „Seminarbuchung“ sind nicht per Tab erreichbar, und das automatisch ausgeklappte Hauptmenü kann per Tastatur nicht wieder geschlossen werden, sodass Tastaturnutzer stecken bleiben.
WCAG 3.3.1
Fehlerkennzeichnung 		nicht bestanden Formularfehler werden nur am Anfang des Formulars in einer textlichen Liste aufgelistet; einzelne Felder werden aber nicht beschriftet bzw. in deren Kontext hervorgehoben, was die Korrektur erschwert.
WCAG 4.1.1
Syntaxanalyse 		nicht bestanden Der W3C-Checker identifiziert mehrere Syntaxfehler (fehlende schließende Tags etc.) innerhalb der geprüften Seiten, wodurch assistive Technologien den DOM-Tree nicht verlässlich interpretieren können.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Interaktive Komponenten (Tabs, Akkordeons, Menüs) vermitteln keine Rolle- oder Zustandsinformationen (z. B. role="tablist" bzw. aria-expanded), die von Screenreadern benötigt werden.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.1.1
Alternativtexte für Grafiken und Objekte 		im Wesentlichen bestanden Einige informative Bilder erhalten entweder keinen Alternativtext oder der bestehende Text beschreibt nicht den Zweck der Grafik (z. B. „Mann am Barren mit zwei Frauen“); dies wurde nur im Wesentlichen bestanden bewertet.
WCAG 1.3.1
HTML-Strukturelemente für Listen 		im Wesentlichen bestanden Einige vermeintliche Listen (z. B. in Abschnitten der „Geldleistungen“) sind visuell als Liste dargestellt, jedoch nicht als ul/ol/li ausgezeichnet; dies erschwert das Einordnen der Inhalte durch assistierende Technologien.
WCAG 1.3.1
Zuordnung von Tabellenzellen 		im Wesentlichen bestanden Komplexe Tabellen mit mehreren Überschriftenebenen (Seite „Geldleistungen“) bleiben für Nutzer schwer interpretierbar, weil trotz korrekter Markup-Struktur die redaktionelle Darstellung keine klare Zuordnung schafft.
WCAG 1.4.12
Textabstand 		im Wesentlichen bestanden Beim Anwenden der geforderten Textabstände (z. B. Zeilenhöhe 1,5×) werden Textvorbelegungen in Formularfeldern abgeschnitten und dadurch unlesbar.
WCAG 2.4.3
Fokus-Reihenfolge 		im Wesentlichen bestanden Die Tabulatorreihenfolge weicht an verschiedenen Stellen von der visuellen Reihenfolge ab, so dass Tastaturnutzer den Fokus nur schwer verfolgen können.
WCAG 2.4.6
Überschriften und Beschriftungen 		im Wesentlichen bestanden Innerhalb der hierarchischen Navigation treten unter Umständen doppelte Einträge auf (z. B. der Menüpunkt „Meine VBG“ sowohl als Unterpunkt als auch Direktlink), wodurch die Orientierung erschwert wird.
WCAG 2.4.7
Fokus sichtbar 		im Wesentlichen bestanden Bei Fokus auf manchen Elementen (z. B. den Accordion-Links) ist der Kontrast der Fokus-Umrandung in Firefox zu gering, sodass der aktuelle Fokus nicht klar erkennbar ist.
WCAG 3.2.4
Konsistente Kennzeichnung 		im Wesentlichen bestanden In der mobilen Ansicht werden Pfeile sowohl für Menüs mit Unterseite als auch für Direktlinks verwendet; es ist nicht erkennbar, ob ein Klick ein Untermenü öffnet oder direkt navigiert.
WCAG 3.3.2
Beschriftungen (Labels) oder Anweisungen 		im Wesentlichen bestanden Pflichtfelder werden im Seminarformular nicht gekennzeichnet (z. B. keine Kennzeichnung optional/erforderlich), was zu Verwirrung und erhöhtem Fehlerpotenzial führt.

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