Gutachten

VBG – www.vbg.de

Website nicht konform Prüfung vom 17.05.2021 ID: #743
Gesundheit Beruf öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik (BFIT-Bund)
Prüforganisation
Materna Information & Communications SE
Stadt
Berlin
Prüfart
eingehende Überwachung

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)

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

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.

Hinweis: Diese Einschätzung 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.

Getestete Angebote

Webangebot öffnen
  • www.vbg.de

Empfehlung & Status

Empfehlung

Ergänzen Sie fehlende Alternativtexte, bereinigen Sie die HTML-Struktur (Überschriften, Listen, Tabellen etc.), verbessern Sie Kontrast und Reflow sowie die Tastatur- und Fokusführung und beheben Sie die genannten Fehlerkennzeichnungen, um die WCAG/EN 301 549-Anforderungen zu erfüllen.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
9.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.
9.1.1.1.1.c
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.
9.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.
9.1.3.1.h
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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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
9.1.1.1.1.b
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.
9.1.3.1.b
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.
9.1.3.1.f
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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.