Kurzzusammenfassung
- Auftraggeber
- Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
- Prüforganisation
- Deutsche Telekom MMS GmbH
- Stadt
- Dresden
- Prüfart
- Vereinfachte Überwachung
- Dauer
- 8 Stunden
Gutachten
www.vbl.de
Website
nicht konform
Prüfung vom 11.06.2024
ID: #278
Finanzen
öffentliche Einrichtung
Prüfbericht herunterladen (PDF)
Link kopiert!
Technische Umgebung
- OS: Windows 10 Enterprise
- Browser: Google Chrome 125.0.6422.142
- Screenreader: NVDA 2024.1.0.31547
- Auflösung:
- Tools: NVDA
Zugänglichkeits-Analyse
KI-Schnellcheck zur Nutzbarkeit
Blindheit
Mit Hindernissen nutzbar
Mehrere zentrale A‑Kriterien für Screenreader-Nutzende (Alternativtexte, Struktur, Lesereihenfolge, Tastaturbedienung, Name/Rolle/Wert) sind nicht erfüllt und erschweren die Nutzung deutlich, aber viele Grundfunktionen sind vorhanden.
Sehbehinderung
Kaum nutzbar
Schwache Kontraste, unzureichende Fokus-Sichtbarkeit, Probleme im Hochkontrastmodus und bei Textabständen sowie nicht umfließende Inhalte beeinträchtigen die Nutzung für sehbehinderte Personen stark.
Hörbehinderung
Weitgehend zugänglich
Untertitel und Alternativen für audiovisuelle Inhalte sind weitgehend vorhanden und es gibt ein Gebärdensprachangebot, nur kleinere Einschränkungen (z.B. Untertitel nur in Vollansicht) mindern die Nutzbarkeit etwas.
Motorische Behinderung
Mit Hindernissen nutzbar
Grundsätzlich tastaturbedienbar und ohne komplexe Zeigergesten, aber wichtige Steuerelemente (Toggle, Icons, Cookie-Banner-Elemente) sind per Tastatur nicht erreichbar und Fokusprobleme erschweren die Bedienung.
Lernbehinderung
Mit Hindernissen nutzbar
Es bestehen Probleme bei Verständlichkeit, Fehlerunterstützung, Struktur und Bewegung (Slider ohne Pause), zugleich helfen konsistente Navigation, Leichte Sprache und klare Labels in vielen Bereichen.
Neurodivergenz
Mit Hindernissen nutzbar
Fehlende Pausierbarkeit des Sliders, Fokus- und Strukturprobleme sowie Kontrastmängel können stark ablenken, während insgesamt ruhiges Design, konsistente Navigation und Leichte Sprache gewisse Unterstützung bieten.
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.vbl.de
-
https://www.vbl.de/de/startseite?_com_liferay_portal_search_web_portlet_SearchPortlet_formDate=1718087454026&p_p_id=com_liferay_portal_search_web_portlet_SearchPortlet&p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view&_com_liferay_portal_search_web_portlet_SearchPortlet_mvcPath=%2Fsearch.jsp&_com_liferay_portal_search_web_portlet_SearchPortlet_redirect=https%3A%2F%2Fwww.vbl.de%2Fde%2Fstartseite%3Fp_p_id%3Dcom_liferay_portal_search_web_portlet_SearchPortlet%26p_p_lifecycle%3D0%26p_p_state%3Dnormal%26p_p_mode%3Dview&_com_liferay_portal_search_web_portlet_SearchPortlet_keywords=arbeit&_com_liferay_portal_search_web_portlet_SearchPortlet_scope=this-site
-
https://www.vbl.de/de/kontakt/e-mail/
-
https://www.vbl.de/de/entgeltumwandlung
-
https://www.vbl.de/de/vblerkl%C3%A4rfilme
-
https://www.vbl.de/documents/20142/132974/VBLspezial+06+Entgeltumwandlung+im+Tarifgebiet+West.pdf/70a79f76-9cf8-897d-3f0f-2c33ce26eb46?version=3.0&t=1715172252289&download=true
Empfehlung & Status
Empfehlung
Wir empfehlen, die festgestellten Barrierefreiheitsprobleme mit dem WCAG-Level A bzw. entsprechend des WCAG-Levels A mit hoher Priorität zu beheben.
Prüfkriterien
Nicht bestanden
| Kriterium | Status | Notizen |
|---|---|---|
|
1.1.1 Nicht-Text-Inhalte besitzen Alternativtexte |
nicht bestanden | Alle Seiten: Das Lupen-Icon neben dem Suchfeld zum Absenden der Suche hat als Beschriftung nur ein Semikolon, besitzt keinen aussagekräftigen Alternativtext. Suchseite: Die Suchergebnisse besitzen jeweils ein Bild, jedoch keine aussagekräftigen Alternativtexte. Hinweis: Startseite: Fotos in den Kacheln haben Alternativtexte, diese Infos sind ggf. nicht relevant. |
|
1.3.1 Informationen, Struktur und Beziehungen sind identifizierbar |
nicht bestanden | Alle Seiten: Im Hochkontrastmodus passen sich Lupen-, X- und Cookie-Icon in der Kopfzeile nicht an. Footer und Untermenüs: Kategorien der nachfolgenden Listen sind nicht als Überschrift ausgezeichnet. Hauptregion beginnt erst nach der Hauptüberschrift. Cookie-Banner-Überschrift nicht ausgezeichnet. Startseite: Visuelle Hauptüberschrift unter Slider, für Screenreader vor dem Slider eine unsichtbare Überschrift, visuelle Hauptüberschrift ist nur p-Element. Startseite: Kachelüberschriften auf falscher Hierarchieebene (h3 unter h2 Top-Downloads). Suchseite: Filterkategorien nicht als Überschriften ausgezeichnet. Suchseite: Vorschautexte und Tags sind als Überschriften ausgezeichnet. Formularseite: Zwischenüberschriften nicht als Überschriften ausgezeichnet. Formularseite: Pfeil-Icon für Ausklapplisten im Hochkontrastmodus nicht sichtbar, aktiver Punkt in Subnavigation nicht erkennbar. Inhaltsseite: Kachelüberschriften falsche Hierarchie (h3 unter h2 Beispiel). Inhaltsseite: Zwischenüberschriften in aufklappbaren Bereichen nicht als Überschriften ausgezeichnet. Inhaltsseite: Erste Überschriftenzelle der Tabelle im Bereich Beispiel ist leer. Videoseite: Schieberegler im Hochkontrastmodus nicht sichtbar. Videoseite: Mehrere unbeschriftete Ergänzungs-Regionen. Hinweis: Suchseite, Videoseite: Überschriftenebenen werden übersprungen. |
|
1.3.2 Sinnvolle Lesereihenfolge ist gegeben |
nicht bestanden | Videoseite: Überschrift zum Video folgt nach dem Video, wird falscherem nachfolgenden Video zugeordnet. Hinweis: Inhaltsseite: Zwischen den Absätzen werden doppelte <br>-Elemente eingesetzt, Screenreader geben "Leer" aus. |
|
1.3.5 Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar |
nicht bestanden | Formularseite: Eingabefelder für Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet. |
|
1.4.1 Farbe ist nicht einziger Informationsträger |
nicht bestanden | Suchseite: Suchbegriffe in Ergebnissen werden nur durch helle Hintergrundfarbe hervorgehoben, Kontrast 1,1:1. Formular- und Inhaltsseite: Links unterscheiden sich nur durch blaue Farbe, Kontrast 2,7:1. |
|
1.4.3 Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) |
nicht bestanden | Startseite: hellblauer Call-to-Action-Text im Slider auf blauem Hintergrund nicht ausreichend (3,9:1). Suchseite: In geöffneter Ausklappliste für Anzahl Einträge ist aktueller Wert nicht erkennbar, Text- und Hintergrundfarbe gleich. Formular-, Inhalts-, Videoseite: graue Breadcrumb-Schrift auf weißem Hintergrund nicht ausreichend (4,0:1). Videoseite: Text "HD" am Zahnrad-Icon nicht ausreichend (1,5:1). Videoseite: Text der dauerhaft sichtbaren Untertitel nicht ausreichend (3,2:1). Hinweis: Alle Seiten: Placeholder im Suchfeld Kopfzeile nicht ausreichend (4,1:1) wird aber vom Lupen-Icon beschrieben. Hinweis: Formularseite: Placeholder "Ihre Nachricht an uns" nicht ausreichend (4,0:1) wird aber durch Label beschrieben. |
|
1.4.5 Schriftgrafiken sind anpassbar oder unverzichtbar |
nicht bestanden | Startseite: Inhalte des Sliders sind Schriftgrafiken, können nicht an individuelle Bedürfnisse angepasst werden; Text ist für blinde Nutzer nicht wahrnehmbar. |
|
1.4.10 Inhalte brechen in einspaltiges Layout um |
nicht bestanden | Suchseite: Lange Wörter brechen nicht um, horizontales Scrollen notwendig (z. B. "Hochschulen/Forschungseinrichtungen"). Inhaltsseite: Tabelle im ausklappbaren Bereich "Beispiel" kann nicht horizontal gescrollt werden und ist somit nicht vollständig wahrnehmbar. Inhaltsseite: Text "Freiwillige Versiche..." im Breadcrumb wird mit Ellipse abgekürzt. |
|
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend |
nicht bestanden | Startseite: Transparente Steuerelemente des Sliders und Paginierung je nach Hintergrundfoto schlecht erkennbar. Suchseite, Formularseite: Graue Rahmen der Eingabefelder auf weißem Hintergrund nicht ausreichend (1,9:1). Suchseite: Graue Markierung der aktuellen Seite nicht ausreichend (1,1:1). Formularseite: Hellblaues i-Icon bei Formularfeldern auf weißem Hintergrund nicht ausreichend (1,6:1). Alle Seiten: Farben der Toggle-Buttons in beiden Zuständen nicht ausreichend. |
|
1.4.12 Textabstände sind anpassbar |
nicht bestanden | Alle Seiten: Nach Anpassung der Textabstände ist das Lupen-Icon zum Aufrufen der Suche nicht mehr sichtbar und erreichbar. |
|
1.4.13 Bei Fokussierung eingeblendete Inhalte sind steuerbar |
nicht bestanden | Alle Seiten: Untermenüs in der Navigation werden bei Mouseover automatisch eingeblendet, können mit Tastatur (z. B. ESC) nicht geschlossen werden. |
|
2.1.1 Tastaturbedienbarkeit ist gegeben |
nicht bestanden | Formularseite: Hellblaues i-Icon an Formularfeldern nicht mit Tastatur erreichbar, Screenreader gibt Element nur als "anklickbar" ohne Name oder Rolle aus. Alle Seiten: Toggle-Buttons sowie X-Button im Cookie-Banner nicht mit Tastatur erreichbar. Hinweis: Startseite: Paginierung im Slider ist mit Tastatur nicht erreichbar, alternative Navigation durch einzelne Slider-Seiten. |
|
2.2.2 Automatisch gestartete Animationen sind steuerbar |
nicht bestanden | Startseite: Beim Slider wird kein Button zum Beenden oder Pausieren der Slideranimation angeboten. |
|
2.4.2 Titel beschreiben Thema oder Zweck |
nicht bestanden | Suchseite: Seitentitel "VBLportal - Meine VBL | VBL. Die Altersvorsorge für den öffentlichen Dienst." ist nicht aussagekräftig. |
|
2.4.3 Fokusreihenfolge ist aufgabenangemessen |
nicht bestanden | Suchseite: In Suchergebnissen erhalten sowohl Bild als auch Link-Überschrift den Fokus, beide führen zum selben Linkziel. Formularseite: Nach Absenden eines fehlerhaften Formulars wird Fokus nicht in erstes fehlerhaftes Feld gesetzt, bleibt auf "Nachricht jetzt absenden". Inhaltsseite, Videoseite: Videos erhalten zweimal Tab-Fokus (erst komplettes Video, dann Play-Button), erster Tab-Schritt ist nicht sichtbar, beide Elemente führen dieselbe Aktion aus. Alle Seiten: Element zum Öffnen der Cookie-Policy erhält vor dem "Drucken"-Link den Fokus, nicht entsprechend visueller Reihenfolge. Alle Seiten: Nach Link "Zum Seitenanfang" erhalten mehrere nicht sichtbare Links den Fokus. Alle Seiten: Nach erstmaligem Öffnen einer Seite wird Cookie-Banner angezeigt, Fokus wird erst nach letztem Element des Hauptbereichs erreicht. |
|
2.4.6 Überschriften und Label beschreiben Thema oder Zweck |
nicht bestanden | Alle Seiten: Plus-Icons zum Öffnen der Untermenüs in der Navigation sind alle als "Untermenü öffnen" beschriftet, Zweck nicht erkennbar, Elemente nicht unterscheidbar. Startseite: Nicht sichtbare Hauptüberschrift besitzt Sonderzeichen, führt zu unverständlicher Ausgabe. |
|
2.4.7 Tastaturfokus ist sichtbar |
nicht bestanden | Alle Seiten: Fokus wird oft nur mit hellblauem Rahmen angezeigt, dieser ist auf weißem Hintergrund (1,4:1) und blauem Hintergrund (1,1:1) nicht ausreichend. |
|
3.1.2 Abweichende Sprache einzelner Abschnitte ist ausgezeichnet |
nicht bestanden | Alle Seiten: Beim Eingeben in das Suchfeld wird ein englischer Bedienhinweis ausgegeben: "Suggestions are available. Use the up and down arrow keys to select suggestions." |
|
3.3.1 Fehlermeldungen sind in Textform vorhanden |
nicht bestanden | Formularseite: Nach Absenden eines fehlerhaften Formulars werden Fehlermeldungen einmalig als Live-Region ausgegeben, bei weiterer Navigation sind Felder nicht mehr als fehlerhaft erkennbar, Nutzer muss in linearen Lesemodus wechseln. |
|
4.1.2 Name, Rolle und Wert sind identifizierbar |
nicht bestanden | Alle Seiten: Visuell wird aktuelle Sprache in Kopfzeile fett hervorgehoben, programmatisch Status nicht erkennbar. Suchseite: Ausklappliste für Anzahl an Einträgen ist nicht korrekt umgesetzt, Elemente sind Standard-Links. Videoseite: Element zum Öffnen des Qualitäts-Menüs ist nur als Standard-Button umgesetzt, nicht erkennbar dass Menü geöffnet wird, im Menü ist ausgewähltes Element nicht erkennbar und Zusatz "HD" an manchen Elementen wird nicht vermittelt. Hinweis: Formularseite: In Ausklapplisten sind nicht auswählbare Elemente vorhanden, diese werden programmatisch mitgezählt, weshalb erste auswählbare Element mit "2 von XY" ausgegeben wird. |
|
A.1 Erklärung zur Barrierefreiheit ist vorhanden |
nicht bestanden | Ergebnis der formalen Prüfung: nicht bestanden. |
|
B.1 PAC3 Test ergibt PDF/UA-konform |
nicht bestanden | Das Dokument ist nicht PDF/UA-konform. |
Im Wesentlichen bestanden
| Kriterium | Status | Notizen |
|---|---|---|
|
3.3.3 Fehlermeldungen enthalten Korrekturvorschläge |
im Wesentlichen bestanden | Formularseite: Hinweis bei falscher E-Mail-Adresse ist nicht vollständig: "Bitte geben Sie eine gültige E-Mail-Adresse ein" ohne Angaben zum gewünschten Format. |
Bestanden
| Kriterium | Status | Notizen |
|---|---|---|
|
1.2.1 Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen |
bestanden | |
|
1.2.2 Aufgezeichnete Audio-Inhalte besitzen Untertitel |
bestanden | Videoseite: Die Untertitel sind nur bei Vollansicht des Videos sichtbar. |
|
1.2.3 Aufgezeichnete Video-Inhalte besitzen Alternativen |
bestanden | |
|
1.2.5 Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen |
bestanden | |
|
1.3.3 Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich |
bestanden | |
|
1.3.4 Bildschirmausrichtung ist änderbar |
bestanden | |
|
1.4.2 Automatisch abgespielte Audio-Inhalte sind steuerbar |
bestanden | |
|
1.4.4 Schriftgröße kann angepasst werden |
bestanden | |
|
2.1.2 Tastaturfallen sind nicht vorhanden |
bestanden | |
|
2.1.4 Zeichen-Tastenkürzel sind abschaltbar oder anpassbar |
bestanden | |
|
2.2.1 Zeitbegrenzungen sind steuerbar |
bestanden | |
|
2.3.1 Blitzen wird vermieden |
bestanden | |
|
2.4.1 Wiederkehrende Bereiche können übersprungen werden |
bestanden | |
|
2.4.4 Linkzweck ist verständlich (im Kontext) |
bestanden | |
|
2.4.5 Seiten sind über verschiedene Möglichkeiten auffindbar |
bestanden | |
|
2.5.1 Komplexe Zeigerbedienung ist verzichtbar |
bestanden | |
|
2.5.2 Zeiger-Eingaben können abgebrochen oder widerrufen werden |
bestanden | |
|
2.5.3 Label enthält sichtbare Beschriftung |
bestanden | |
|
2.5.4 Bewegungsaktivierung ist verzichtbar |
bestanden | |
|
3.1.1 Sprache ist ausgezeichnet |
bestanden | |
|
3.2.1 Fokussierung führt nicht zu Kontextänderung |
bestanden | |
|
3.2.2 Eingabe führt nicht zu Kontextänderung |
bestanden | |
|
3.2.3 Navigation ist konsistent aufgebaut |
bestanden | |
|
3.2.4 Elemente sind konsistent bezeichnet |
bestanden | |
|
3.3.2 Label enthalten Eingabehinweise |
bestanden | |
|
3.3.4 Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) |
bestanden | |
|
4.1.1 Syntaxspezifikationen sind erfüllt |
bestanden | |
|
4.1.3 Statusmeldungen werden ohne Fokussierung ausgegeben |
bestanden | |
|
A.2 Feedback-Mechanismus ist vorhanden |
bestanden | |
|
A.3 Leichte Sprache ist vorhanden |
bestanden | |
|
A.4 Gebärdensprache-Video ist vorhanden |
bestanden |