Kurzzusammenfassung
- Auftraggeber
- Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
- Prüforganisation
- T-Systems Multimedia Solutions GmbH
- Stadt
- Dresden
- Prüfart
- Vereinfachte Überwachung
- Dauer
- 8 Stunden
Gutachten
Zugänglichkeits-Analyse
Blindheit
Kaum nutzbar
Zahlreiche WCAG-A-Verstöße bei Alternativtexten, Struktur, Formularen, Slider, Video und Name/Rolle/Wert machen die Seite für Screenreader-Nutzende nur mit großen Schwierigkeiten nutzbar.
Sehbehinderung
Mit Hindernissen nutzbar
Mehrere Probleme mit Text- und Icon-Kontrasten, Fokus-Sichtbarkeit, Responsivität und Textabständen beeinträchtigen die Lesbarkeit und Orientierung stark, machen die Seite aber nicht vollständig unbenutzbar.
Hörbehinderung
Weitgehend zugänglich
Untertitel und Alternativen für Audio sind weitgehend vorhanden und es gibt keine kritischen Audiopflichtinhalte, sodass gehörlose Menschen die meisten Inhalte gut nutzen können.
Motorische Behinderung
Mit Hindernissen nutzbar
Zentrale Tastaturprobleme wie nicht bedienbare Untermenüs, nicht erreichbare Links und fehlende Skip-Links erschweren die Nutzung für Menschen, die stark auf Tastatur- oder alternative Eingabegeräte angewiesen sind.
Lernbehinderung
Mit Hindernissen nutzbar
Konsistente Navigation, verständliche Labels und Hilfen sind überwiegend vorhanden, aber Kontrastmängel, komplexe Slider und inkonsistente Fokusführung können Konzentration und Orientierung deutlich erschweren.
Neurodivergenz
Mit Hindernissen nutzbar
Es gibt keine gravierenden Zeit- oder Animationsprobleme, jedoch können unklare Fokusführung, Slider-Verhalten, Kontrastschwächen und teils verwirrende Screenreader-Ausgaben neurodivergente Nutzende merklich belasten.
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.
Gutachten-Historie
24.06.2024
Prüfung vor 1 Jahr
10.03.2021
Prüfung vor 4 Jahren
Empfehlung
Die festgestellten Barrierefreiheitsprobleme mit WCAG-Level A bzw. entsprechend des WCAG-Levels A mit hoher Priorität beheben.
| Kriterium | Status | Notizen |
|---|---|---|
|
1.1.1 Nicht-Text-Inhalte besitzen Alternativtexte |
nicht bestanden | * Startseite, Suche: Die Inhalte der Sliderseiten sind teilweise nicht wahrnehmbar, da die Grafiken mit einem leeren alt-Attribut als Layoutgrafiken ausgezeichnet sind. * Alle Seiten: Der Drucken-Link wird vom Screenreader ohne Beschriftung ausgegeben. * Kontakt: Das CAPTCHA ist für Screenreadernutzer nicht wahrnehmbar. |
|
1.2.3 Aufgezeichnete Video-Inhalte besitzen Alternativen |
nicht bestanden | * Startseite: Zum Video wird keine Altenrative angeboten. |
|
1.2.5 Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen |
nicht bestanden | * Startseite: Das Video hat keine Audiodeskription. |
|
1.3.1 Informationen, Struktur und Beziehungen sind identifizierbar |
nicht bestanden | * Alle Seiten: Das Hauptmenü ist nicht als Liste ausgezeichnet. * Startseite, Suche: Vor dem Slider werden vom Screenreader mehrere unsichtbare Inhalte ausgegeben, wie z.B. "A carousel is a rotating set of images, rotation stops on keyboard focus on carousel tab controls or hovering the mouse pointer over images. Use the tabs or the previous and next buttons to change the displayed slide.". * Startseite, Suche: Im Slider ist die Auszeichnung der Überschriften nicht konsistent umgesetzt. * Startseite, Suche: Der Link "Aktuelles zu Corona und den Angeboten der Beratungsstellen" ist zwei Mal als Überschrift der Ebene 3 ausgezeichnet. * Alle Seiten: Die Aufzählung der Links, welche rechts neben dem Slider bzw. dem Teaser angezeigt werden, sind nicht als Liste ausgezeichnet. * Alle Seiten: Im Bereich "Bundesverband" ist die Linkliste nicht als Liste ausgezeichnet. * Alle Seiten: Der Breadcrumb ist nicht als Liste ausgezeichnet. Der Breadcrumb ist nicht gut als solcher erkennbar, da kein einleitender Text die Funktion des Elements beschreibt. * Kontakt: Die Überschriftenebene 2 wird übersprungen. * Kontakt: Der Screenreader gibt am Formularende ein unsichtbares Eingabefeld aus. * Kontakt: Die Formularfeldgruppe "Ich bitte um" ist nicht als solche ausgezeichnet. Screenreader gibt Radiobuttons ohne Gruppenbeschriftung aus. * Kontakt: Die Fehlermeldungen sind mit den dazugehörigen Formularfeldern nicht verknüpft. * Kontakt: Jede Fehlermeldung wird als Liste mit einem Eintrag ausgegeben. * Alle Seiten: Der Screenreader gibt beim Sucheingabefeld nach dem Einblenden der Vorschlagsliste keinen Hinweis auf die Liste und die Eintragsanzahl aus. * Suche: Die Aufzählng der Buttons zur Filterung der Suchergebnisse ist nicht als Liste ausgezeichnet. * Suche: Mehrere Überschriftenebenen werden übersprungen. * Suche: Die Beschriftungen der Ausklapplisten "Anzeige" und "Sortierung" sind mit den dazugehörigen Elementen nicht verknüpft. => Screenreader gibt Elemente ohne Beschriftung aus. * Suche: Das Zeichen "-" im Tooltip "i" ist für blinde Nutzer mit den Standardeinstellungen des Screenreaders nicht wahrnehmbar. * Inhaltsseite: Der Screenreader gibt im Inhaltsbereich mehrere leere Überschriften der Ebene 2 aus. * Alle Seiten: Der Hauptinhaltsbereich ist auf den Seiten nicht als Region ausgezeichnet. |
|
1.3.5 Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar |
nicht bestanden | * Kontakt: Die Formularfelder für die Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet. |
|
1.4.3 Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) |
nicht bestanden | * Mehrere Texte sind nicht gut lesbar: ** Menüpunkte: Suche und Beratungsstellen ** Placeholder ** Links, welche rechts neben dem Slider bzw. Teaser angezeigt werden ** Links und Registerkartenbeschriftungen (orangene Textfarbe) ** Startseite: Bereich "Stellenangebote" ** Buttons/Links, wo die Schriftgröße unter 18 px ist (weiße Schrift auf orangenen Hintergrund) |
|
1.4.10 Inhalte brechen in einspaltiges Layout um |
nicht bestanden | * Alle Seiten: Das Sucheingabefeld im Header sowie die zum Sucheingabefeld gehörende Vorschlagsliste sind nicht bzw. nicht vollständig sichtbar. * Alle Seiten: Im Querformat ist im Header die Suche nicht mehr bedienbar. |
|
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend |
nicht bestanden | * Mehrere Icons sind nicht gut lesbar: ** Hauptmenüpunkte, welche mit Grafiken beschriftet sind ** Buttons "<" und ">" des Sliders ** Link "Drucken" ** Kontakt: Eingabefelder |
|
1.4.12 Textabstände sind anpassbar |
nicht bestanden | * Alle Seiten: Der Menüpunkt "Beratungsstellen" ist nicht mehr lesbar. |
|
2.1.1 Tastaturbedienbarkeit ist gegeben |
nicht bestanden | * Alle Seiten: Die Untermenüs sind mit der Tastatur nicht bedienbar. Nur der erste Untermenüpunkt erhält mit der Tabulatortaste den Fokus. Die anderen Untermenüpunkte sind nicht der Rolle Menü entsprechend mit den Pfeiltasten erreichbar. * Alle Seiten: Der "Drucken"-Link ist mit der Tabulatortaste nicht erreichbar. * Suche: Die Paginierungslinks sind mit Tabulatortaste nicht erreichbar. * Suche: Der Tooltip vom "I"-Icon ist für Tastaturnutzer, welche keinen Screenreader verwenden, nicht wahrnehmbar. |
|
2.4.1 Wiederkehrende Bereiche können übersprungen werden |
nicht bestanden | * Auf der Seite werden keine Skip-Links angeboten. |
|
2.4.3 Fokusreihenfolge ist aufgabenangemessen |
nicht bestanden | * Alle Seiten: Nach dem Öffnen eines Untermenüs wird der Fokus nicht auf den ersten Untermenüpunkt gesetzt. * Startseite, Suche: Nach dem Öffnen einer Sliderseite wird der Fokus nicht auf das erste Element der geöffneten Sliderseite gesetzt. Fokus bleibt auf ausgelösten Element. * Startseite, Suche: Der Link "Aktuelles zu Corona und den Angeboten der Beratungsstellen" erhält zwei Mal mit der Tabulatortaste den Fokus. * Kontakt: Am Ende des Formulars erhält ein unsichtbares Eingabefeld mit der Tabulatortaste den Fokus. * Suche: Nach dem Einblenden des Formulars für die erweiterte Suche wird der Fokus nicht auf das erste neue Formularelement gesetzt (Aktualisierung geschieht vor dem ausgelösten Element). * Suche: Die deaktivierten Filter-Buttons erhalten mit der Tabulatortaste den Fokus => zusätzliche Tabschritte. * Inhaltsseite: Der Fokus wird nach dem Klick auf den Broschüren-Link nicht auf das Pop-up gesetzt. |
|
2.4.7 Tastaturfokus ist sichtbar |
nicht bestanden | * Alle Seiten: Der Fokus ist auf sehr vielen Elementen nicht sichtbar (betrifft vor allem Links, Buttons und Menüpunkte). * Startseite, Suche: Der Fokus ist auf mehreren Sliderelementen nicht gut erkennbar. |
|
3.1.2 Abweichende Sprache einzelner Abschnitte ist ausgezeichnet |
nicht bestanden | * Startseite, Suche: Im Slider werden viele Bedienelemente mit englischen Beschriftungen ausgegeben. Der Screenreader gibt die Texte schwer verständlich aus, da der Sprachwechsel im Quellcode nicht ausgezeichnet ist. * Startseite: Im Inhaltsbereich der Registerkarte "Wer ist Pro Familia und was macht Pro Familia?" haben mehrere Links englische Tooltips, welche durch die deutsche Aussprache schwer verständlich ausgegeben werden, wie z.B. "Opens external link in new window". |
|
4.1.1 Syntaxspezifikationen sind erfüllt |
nicht bestanden | * Mehrere Seiten enthalten Syntaxfehler. |
|
4.1.2 Name, Rolle und Wert sind identifizierbar |
nicht bestanden | * Startseite, Suche: Die Sliderseiten werden vom Screenreader mit dem Zusatz "Liste" ausgegeben (role="listbox" und role="tabpanel"). Dies entspricht jedoch nicht der tatsächlichen Elementrolle. * Startseite, Suche: Blinde Nutzer können in der Sliderpaginierung nicht erkennen, welche Button (Play/Pause) aktuell aktiviert ist. * Startseite: Das Untermenü vom Videoplayer wird vom Screenreader nicht als Menü ausgegeben. * Startseite: Navigieren blinde Nutzer mit der Tabulatortaste auf das gesamte Videoplayer-Element (Rahmen hat den Fokus), dann gibt der Screenreader das aktuell fokussierte Element als leeren Leseschritt aus. * Suche: Die Paginierungslinks werden vom Screenreader als klickbare Texte ausgegeben. Zudem ist die aktuell geöffnete Seite nicht erkennbar. * Suche: Die deaktivierten Filter-Buttons werden vom Screenreader weiterhin als aktivierbare Elemente ausgegeben. |
|
A.1 Erklärung zur Barrierefreiheit ist vorhanden |
nicht bestanden | * Auf der Seite wird keine Barrierefreiheitserklärung zur Verfügung gestellt. |
|
B.1 PAC3 Test ergibt PDF/UA-konform |
nicht bestanden | * Das PDF-Dokument ist nicht PDF/UA-konform. |
| Kriterium | Status | Notizen |
|---|---|---|
|
2.4.6 Überschriften und Label beschreiben Thema oder Zweck |
im Wesentlichen bestanden | * Startseite, Suche: Nach dem Öffnen einer Sliderseite wird die Beschriftung des Buttons "<" nicht angepasst. Er beschreibt somit nicht mehr die aktuelle Funktion. |
|
2.5.3 Label enthält sichtbare Beschriftung |
im Wesentlichen bestanden | * Alle Seiten: Die programmatische Beschriftung des PLZ-Sucheingabefeldes sowie die des allgemeinen Sucheingabefeldes stimmt mit der visuellen Beschriftung nicht überein. |
|
3.2.2 Eingabe führt nicht zu Kontextänderung |
im Wesentlichen bestanden | * Alle Seiten: Übernimmt ein Nutzer in der Vorschlagsliste des Sucheingabefeldes einen Wert, dann wird automatisch die Suche ausgeführt. Ein Nutzer wird über dieses Verhalten im Vorfeld nicht informiert. |
| 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 | |
|
1.2.4 Live-Audio-Inhalte besitzen Untertitel |
bestanden | |
|
1.3.2 Sinnvolle Lesereihenfolge ist gegeben |
bestanden | |
|
1.3.3 Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich |
bestanden | |
|
1.3.4 Bildschirmausrichtung ist änderbar |
bestanden | |
|
1.4.1 Farbe ist nicht einziger Informationsträger |
bestanden | |
|
1.4.2 Automatisch abgespielte Audio-Inhalte sind steuerbar |
bestanden | |
|
1.4.4 Schriftgröße kann angepasst werden |
bestanden | |
|
1.4.5 Schriftgrafiken sind anpassbar oder unverzichtbar |
bestanden | |
|
1.4.13 Bei Fokussierung eingeblendete Inhalte sind steuerbar |
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.2.2 Automatisch gestartete Animationen sind steuerbar |
bestanden | |
|
2.3.1 Blitzen wird vermieden |
bestanden | |
|
2.4.2 Titel beschreiben Thema oder Zweck |
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.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.3 Navigation ist konsistent aufgebaut |
bestanden | |
|
3.2.4 Elemente sind konsistent bezeichnet |
bestanden | |
|
3.3.1 Fehlermeldungen sind in Textform vorhanden |
bestanden | |
|
3.3.2 Label enthalten Eingabehinweise |
bestanden | |
|
3.3.3 Fehlermeldungen enthalten Korrekturvorschläge |
bestanden | |
|
3.3.4 Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) |
bestanden | |
|
4.1.3 Statusmeldungen werden ohne Fokussierung ausgegeben |
bestanden | * Startseite, Suche: Blinde Nutzer können in der Sliderpaginierung nicht erkennen, welche Button (Play/Pause) aktuell aktiviert ist. * Startseite: Das Untermenü vom Videoplayer wird vom Screenreader nicht als Menü ausgegeben. * Startseite: Navigieren blinde Nutzer mit der Tabulatortaste auf das gesamte Videoplayer-Element (Rahmen hat den Fokus), dann gibt der Screenreader das aktuell fokussierte Element als leeren Leseschritt aus. * Suche: Die Paginierungslinks werden vom Screenreader als klickbare Texte ausgegeben. Zudem ist die aktuell geöffnete Seite nicht erkennbar. * Suche: Die deaktivierten Filter-Buttons werden vom Screenreader weiterhin als aktivierbare Elemente ausgegeben. |
|
A.2 Feedback-Mechanismus ist vorhanden |
bestanden | |
|
A.3 Leichte Sprache ist vorhanden |
bestanden | |
|
A.4 Gebärdensprache-Video ist vorhanden |
bestanden |