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
Mit Hindernissen nutzbar
Viele grundlegende Funktionen sind zwar per Tastatur bedienbar, aber gravierende Screenreader-, Struktur- und Formularprobleme erschweren die Nutzung deutlich.
Sehbehinderung
Kaum nutzbar
Mehrere teils zentrale Kontrastprobleme, schlecht sichtbarer Fokus und fehlende Skip-Links beeinträchtigen die Nutzung stark.
Hörbehinderung
Weitgehend zugänglich
Untertitel und Alternativen für Medien sind weitgehend vorhanden, aber fehlendes Gebärdensprachvideo und keine Erklärung zur Barrierefreiheit mindern die Nutzbarkeit.
Motorische Behinderung
Weitgehend zugänglich
Die Seite ist grundsätzlich tastaturbedienbar und ohne komplexe Zeigergesten nutzbar, aber zusätzliche Tabschritte und nicht schließbare Menüs erschweren die Bedienung.
Lernbehinderung
Mit Hindernissen nutzbar
Fehlende Leichte Sprache, komplexe Navigationsstrukturen, unklare Fokusreihenfolge und unübersichtliche Fehlermeldungen erschweren das Verständnis.
Neurodivergenz
Mit Hindernissen nutzbar
Automatische Slider, viele unnötige Tabschritte, mangelhafte Struktur und fehlende Skip-Links können Konzentration und Orientierung stark beeinträchtigen.
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.
Empfehlung
Die festgestellten Barrierefreiheitsprobleme mit WCAG-Level A und AA sollten mit hoher Priorität behoben werden.
| Kriterium | Status | Notizen |
|---|---|---|
|
1.1.1 Nicht-Text-Inhalte besitzen Alternativtexte |
nicht bestanden | * Startseite: Mehrere Grafiken besitzen keine aussagekräftigen alt-Texte (z.B. im Bereich "Corona-Pandemie"). * Startseite: Im Bereich "Ukraine-Hilfe, Aufruf zum Frieden" entspricht der alt-Text nicht dem Text im Bild. * Inhaltsseite: Das Bild im Inhaltsbereich hat keinen aussagekräftigen alt-Text. |
|
1.3.1 Informationen, Struktur und Beziehungen sind identifizierbar |
nicht bestanden | * Startseite: Die Slider sind als ARIA-Live-Region ausgezeichnet und unterbrechen somit die Ausgabe (Screenreader) des aktuell fokussierten Elements. * Startseite: Überschriftenhierarchie stimmt nicht, auf H1 folgt H3. * Suchseite: Die Seite besitzt keine H1-Überschrift und die H3-Überschriften-Stufe wird übersprungen. * Suchseite: Die Suchergebnisliste ist nicht als Liste ausgezeichnet. * Formularseite, Inhaltsseite: Überschriftenhierarchie stimmt nicht, auf H2 folgt H4. * Formularseite, Inhaltsseite: Im linken Seitenbereich sind die Abschnittsüberschriften (z.B. "Links") nicht als solche ausgezeichnet. * Formularseite: Die Fehlermeldungen sind mit den Formularfeldern nicht verknüpft. * Inhaltsseite: Die Socialmedia-Links in der rechten Spalte sind nicht als Liste angelegt. * Inhaltsseite: Die Trennlinien zwischen den einzelnen Artikeln werden vom Screenreader ausgegeben. * Alle Seiten: Die Funktion des Sprachumschalters ("English") ist durch die fehlende Beschriftung nicht gut erkennbar. * Alle Seiten (außer Inhaltsseite): Die Seiten besitzen nicht alle das Strukturelement <main> um den Hauptinhalt der Seite zu markieren. * Alle Seiten: Es gibt mehrere Regionen mit der gleichen Beschriftung. * Alle Seiten: Auf den Seiten haben mehrere Navigationsregionen keine zusätzliche Beschriftung, welche die jeweilige Teilfunktion beschreibt. * Alle Seiten: Im Hochkontrastmodus ist der Rahmen des Sucheingabefeldes (im Kopf der Seite) nicht mehr sichtbar. |
|
1.3.2 Sinnvolle Lesereihenfolge ist gegeben |
nicht bestanden | * Startseite: Bei den automatisch laufenden Slidern steht der Animation-STOP Button nicht am Anfang der Ausgabereihenfolge. * Inhaltsseite: Nach der H1-Überschrift "Kooperation mit Frauenhofer" im Inhaltsbereich werden die Socialmedia-Links der rechten Spalte ausgegeben. |
|
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. |
|
1.4.3 Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) |
nicht bestanden | * Startseite: Bei mehreren Elementen der Seite (wie z.B. Texte in den Slidern) ist das Kontrastverhältnis von Text zu Hintergrundfarbe zu gering. * Suchseite: Die Link-URLs der Suchergebnisse haben ein zu geringes Kontrastverhältnis zum Hintergrund. * Alle Seiten: Bei mehreren Elementen (wie z.B. Hauptnavigationspunkte, Placeholdertext "Suche", Metanavigation) ist das Kontrastverhältnis von Text zu Hintergrundfarbe zu gering. |
|
1.4.10 Inhalte brechen in einspaltiges Layout um |
nicht bestanden | * Alle Seiten: Im Kopf der Seite ist der Text "MAX-PLANCK-GESELLSCHAFT" nicht mehr vollständig sichtbar. |
|
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend |
nicht bestanden | * Suchseite: Das Sucheingabefeld im Inhaltsbereich der Seite hat ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Formularseite: Die Rahmen der Formularfelder haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Alle Seiten: Das Sucheingabefeld im Kopf der Seite und der Top-Link haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. |
|
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 Esc-Taste nicht geschlossen werden. |
|
2.4.1 Wiederkehrende Bereiche können übersprungen werden |
nicht bestanden | * Alle Seiten: Auf den Seiten werden keine Skip-Links zur Verfügung gestellt. |
|
2.4.3 Fokusreihenfolge ist aufgabenangemessen |
nicht bestanden | * Startseite: In mehreren Bereichen (z.B. "Ukraine-Hilfe", "Corona-Pandemie" oder "Karriere") erhalten je Text-Eintrag/Text-Bild-Eintrag zwei (teilweise auch drei) Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen. * Startseite: In den Slidern "Aus den Instituten" und "Videos, Podcasts & Events" erhalten je Sliderseite zwei bzw. drei Links mit dem gleichen Linkziel mit der Tabulatortaste den Fokus. Dadurch entstehen zusätzliche Tabschritte. * Startseite: Die Button zum Stoppen der einzelnen Slider-Animationen erhalten erst am Schluss (nach allen Slides) den Fokus. * Suchseite: Der Fokus wird bspw. nach dem Ausführen einer erneuten Suche, oder nach dem Öffnen der nächsten Suchergebnisseite, an den Anfang der Seite und nicht auf den ersten Suchergebniseintrag gesetzt. * Suchseite: Je Suchergebniseintrag erhalten zwei Links mit dem gleichen Ziel mit der Tabulatortaste den Fokus. Dadurch entstehen zusätzliche Tabschritte. * Formularseite: Der Fokus wird nach dem Absenden eines fehlerhaften Formulars an den Seitenanfang und nicht auf das erste fehlerhafte Feld gesetzt. * Formularseite, Inhaltsseite: Der linke Seitenbereich erhält erst nach dem Hauptinhaltsbereich mit der Tabulatortaste den Fokus. * Formularseite, Inhaltsseite: Im linken Seitenbereich erhalten mehrere Elemente wie z.B. die komplette Linkliste oder das komplette Bild-Text-Element einen Fokus-Rahmen. * Inhaltsseite: Der rechte Seitenbereich erhält vor dem eigentlichen Hauptinhaltsbereich mit der Tabulatortaste den Fokus. * Alle Seiten: Navigiert ein Nutzer mit der Tabulatortaste durch das Hauptmenü, dann wird bei Fokuserhalt automatisch das dazugehörige Untermenü eingeblendet. Ein Nutzer muss anschließend alle Untermenüpunkte mit Tab durchlaufen, bevor er auf den nächsten Hauptmenüpunkt gelangt. * Alle Seiten: Im Footer erhalten die beiden H4-Überschriften "Quick Links" und "Social Media" den Fokus. |
|
2.4.4 Linkzweck ist verständlich (im Kontext) |
nicht bestanden | * Suchseite: In der Paginierung der Suchergebnisse werden die Icons <, > als "Link kleiner als" oder "Link größer als" vom Screenreader ausgegeben. * Suchseite: In der Paginierung werden die einzelnen Seiten nur als Link 1, Link 2 usw. vom Screenreader ausgegeben. |
|
2.4.6 Überschriften und Label beschreiben Thema oder Zweck |
nicht bestanden | * Startseite: Der Grafik-Link "Extremwetter" im Bereich "Soziale Medien" wird mit einer langen Beschriftung ausgegeben, da dieser die Überschrift, den beschreibenden Text und die Grafik enthält. |
|
2.4.7 Tastaturfokus ist sichtbar |
nicht bestanden | * Startseite: Der Fokus ist auf den "Zurück-" und "Weiter"-Buttons der Slider nicht gut erkennbar. |
|
3.1.2 Abweichende Sprache einzelner Abschnitte ist ausgezeichnet |
nicht bestanden | * Startseite: Die Bedienelemente einiger Slider werden vom Screenreader in englischer Sprache ausgegeben und der Sprachwechsel ist im Quellcode nicht ausgezeichnet. * Inhaltsseite: Mehrere Überschriften werden vom Screenreader in englischer Sprache ausgegeben und der Sprachwechsel ist im Quellcode nicht ausgezeichnet. |
|
3.3.1 Fehlermeldungen sind in Textform vorhanden |
nicht bestanden | * Formularseite: Die Fehlermeldungen werden nur am Formularanfang und nicht zusätzlich am betroffenen Formularfeld angezeigt. Der Screenreader gibt Formularfelder auch nicht als fehlerhaft aus. |
|
4.1.2 Name, Rolle und Wert sind identifizierbar |
nicht bestanden | * Inhaltsseite: In der linken Spalte werden die Überschriften (z.B. "Aktuelles") als "Schalter erweitert" vom Screenreader ausgegeben. * Alle Seiten: Im Footer werden die H4-Überschriften "Quick Links" und "Social Media" der beiden Linklisten vom Screenreader als "Untermenü Ebene 4" ausgegeben. |
|
A.1 Erklärung zur Barrierefreiheit ist vorhanden |
nicht bestanden | Die Erklärung zur Barrierefreiheit wird nicht vorgehalten. |
|
A.2 Feedback-Mechanismus ist vorhanden |
nicht bestanden | Ein Feedback-Mechanismus wird nicht bereitgestellt. |
|
A.3 Leichte Sprache ist vorhanden |
nicht bestanden | Leichte Sprache wird nicht angeboten. |
|
A.4 Gebärdensprache-Video ist vorhanden |
nicht bestanden | Ein Gebärdensprache-Video ist nicht vorhanden. |
|
B.1 PAC3 Test ergibt PDF/UA-konform |
nicht bestanden | Das PDF-Dokument ist nicht PDF/UA-konform. |
| Kriterium | Status | Notizen |
|---|---|---|
|
2.4.2 Titel beschreiben Thema oder Zweck |
im Wesentlichen bestanden | * Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche. |
|
2.5.3 Label enthält sichtbare Beschriftung |
im Wesentlichen bestanden | * Suchseite: Der Suche-Button im Inhaltsbereich wird mit der Bezeichnung "Suche/Search" ausgegeben. |
| 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.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.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.12 Textabstände sind anpassbar |
bestanden | |
|
2.1.1 Tastaturbedienbarkeit ist gegeben |
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.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.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.3 Fehlermeldungen enthalten Korrekturvorschläge |
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 |