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
Viele zentrale A‑Erfolgskriterien für Screenreader-Nutzende (1.1.1, 1.3.1, 1.3.2, 2.1.1, 2.4.x, 3.1.x, 4.1.x) sind nicht erfüllt und erschweren Navigation und Verständnis deutlich.
Sehbehinderung
Kaum nutzbar
Massive Probleme bei Kontrasten, Zoom, Reflow und Überlagerungen (1.4.3–1.4.5, 1.4.10–1.4.12) sowie teils allein farbliche Kennzeichnung beeinträchtigen die Nutzung stark.
Hörbehinderung
Weitgehend zugänglich
Multimedia ist mit Untertiteln und Alternativen gut unterstützt, Gebärdensprache fehlt zwar, betrifft aber vor allem die Erklärung zur Barrierefreiheit.
Motorische Behinderung
Kaum nutzbar
Wichtige Funktionen sind per Tastatur nicht erreichbar oder schlecht bedienbar (2.1.1, 1.4.13, 2.4.3, 2.4.7), was für viele motorisch eingeschränkte Nutzende gravierend ist.
Lernbehinderung
Mit Hindernissen nutzbar
Struktur- und Fokusprobleme (1.3.1, 2.4.1–2.4.4), Sprachwechsel-Fehler sowie Layoutüberlagerungen können das Verständnis und die Orientierung deutlich erschweren.
Neurodivergenz
Mit Hindernissen nutzbar
Fehlende klare Struktur, unruhige Slider ohne Pause, Fokus- und Navigationsprobleme sowie Überlagerungen können Konzentration und Reizfilterung 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 beheben.
| Kriterium | Status | Notizen |
|---|---|---|
|
1.1.1 Nicht-Text-Inhalte besitzen Alternativtexte |
nicht bestanden | * Startseite: Mehrere Grafiken wie z.B. die vier Textgrafiken im Bereich "Forschungsprogramme" oder die 4 Logos im Bereich "Netzwerke" besitzen keine aussagekräftigen Alternativtexte. * Suchseite: Nicht alle Teaserbilder besitzen aussagekräftige alt-Texte. * Inhaltsseite: Die beiden "IDOS"-Icon in der rechten Spalte haben keinen leeren alt-Tag. * Inhaltsseite: Die Schriftgrafik "Bleiben Sie informiert" besitzt keinen aussagekräftigen alt-Text. * Alle Seiten: Der alt-Text des Logos im Footer (rechts unten) entspricht nicht genau dem Logotext. * Alle Seiten (außer Startseite): In der Breadcrumb Navigation werden die ">>"-Icons, im linearen lese Modus des Screenreaders, als "doppeltgewinkelte Klammer" ausgegeben. |
|
1.3.1 Informationen, Struktur und Beziehungen sind identifizierbar |
nicht bestanden | * Startseite: Die Überschriftenhierarchie in den Teaserboxen ist nicht korrekt, da einige Überschriften als H1 und andere als H2 ausgezeichnet sind. * Suchseite: Die Links der Suchergebnisse sind nicht einheitlich ausgezeichnet (einige als verlinkte Überschriften, andere nur als Links). * Suchseite: Die Funktion der Paginierung der Suchergebnisse ist durch die fehlende Beschriftung nicht gut erkennbar. * Formularseite: In der rechten Spalte ist die Überschriftenhierarchie in den Teaserboxen ist nicht korrekt, da einige Überschriften als H1 und andere als H3 ausgezeichnet sind. * Formularseite: Auf der Seite sind mehrere Abschnittsüberschriften nicht als solche ausgezeichnet. * Alle Seiten: Das Sucheingabefeld im Header und Inhaltsbereich besitzt keine Beschriftung (Label). * Alle Seiten: Die Funktion der Sprachschalter "Deutsch" und "Englisch" ist durch die fehlende Beschriftung nicht gut erkennbar. * Alle Seiten (außer Startseite): Die Seiten besitzen kein Strukturelement <main>. * Alle Seiten: Auf den Seiten haben mehrere Navigationsregionen keine zusätzliche Beschriftung, welche die jeweilige Teilfunktion beschreibt. |
|
1.3.2 Sinnvolle Lesereihenfolge ist gegeben |
nicht bestanden | * Startseite: Im Slider werden beim linearen Lesen (Lesemodus des Screenreaders) alle Slides ausgegeben (nicht nur der sichtbare). |
|
1.4.1 Farbe ist nicht einziger Informationsträger |
nicht bestanden | Formularseite, Inhaltsseite: Links im Fließtext sind ausschließlich durch Farbe gekennzeichnet. |
|
1.4.3 Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) |
nicht bestanden | * Alle Seiten: Mehrere Elemente auf den Seiten haben ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe (z.B. "AKTUELLE PUBLIKATIONEN", "Zur Datenschutzerklärung", Links im Footer). |
|
1.4.4 Schriftgröße kann angepasst werden |
nicht bestanden | * Startseite: Die Texte in der ersten und letzten Teaserbox ("Aktuelle Kolumnen", "Aktuelle Nachrichten") überlagern teilweise andere Elemente der Seite. * Alle Seiten: Bei Vergrößerung der Seite auf 200% werden die Unternavigationspunkte der letzten beiden Hauptmenüpunkte nicht mehr vollständig im sichtbaren Bereich angezeigt. * Startseite: Nach der Vergrößerung der Seite auf 200% werden die verlinkten Socialmedia-Icons (Header-Bereich) nicht mehr angezeigt. * Alle Seiten (außer Startseite): Nach der Vergrößerung der Seite auf 200% werden die Socialmedia-Icons (Header-Bereich)unterhalb der Hauptnavigation angezeigt und sind nicht mehr verlinkt. |
|
1.4.5 Schriftgrafiken sind anpassbar oder unverzichtbar |
nicht bestanden | * Startseite: Im Bereich "Forschungsprogramme" sind die vier verlinkten Teaser-Überschriften als Schriftgrafiken umgesetzt und nicht an die individuellen Bedürfnisse anpassbar. |
|
1.4.10 Inhalte brechen in einspaltiges Layout um |
nicht bestanden | * Startseite: Im Bereich Aktuelle Nachrichten überlagern sich die Inhalte mit den Texten des Footer-Bereichs. * Startseite: Im ersten Slider werden mehrere Texte außerhalb des sichtbaren Bereichs angezeigt. * Alle Seiten: Die Inhalte sind nur durch mehrdimensionales Scrollen vollständig wahrnehmbar. * Alle Seiten: Der Button des "Hamburger"-Menü wird durch die Socialmedia-Icons im Header teilweise überlagert. |
|
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend |
nicht bestanden | * Startseite: Die nicht aktiven Paginierungspunkte im ersten Slider haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Suchseite: Der Rahmen des Sucheingabefeldes im Inhaltsbereich hat ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. |
|
1.4.12 Textabstände sind anpassbar |
nicht bestanden | * Startseite: Die Texte in der ersten und letzten Teaserbox ("Aktuelle Kolumnen", "Aktuelle Nachrichten") überlagern teilweise andere Elemente der Seite. * Startseite: Die Paginierungspunkte in der ersten Teaserbox "Aktuelle Kolumnen" werden durch andere Elemente der Seite überlagert. * Startseite: Im ersten Slider werden einige Texte außerhalb des sichtbaren Bereichs angezeigt. * Alle Seiten: Im Header überlagern die Socialmedia-Links teilweise die Links der Metanavigation. |
|
1.4.13 Bei Fokussierung eingeblendete Inhalte sind steuerbar |
nicht bestanden | * Alle Seiten: Im Hauptmenü können die per Mouseover geöffneten Untermenüs mit der Tastatur (z.B. ESC-Taste) nicht geschlossen werden. |
|
2.1.1 Tastaturbedienbarkeit ist gegeben |
nicht bestanden | * Startseite: Die Bedienelemente und die Paginierung des ersten Sliders sind mit der Tastatur nicht erreichbar. * Alle Seiten: Die Untermenüs der Hauptnavigation sind mit der Tastatur nicht bedienbar, da diese bei Fokussierung der Hauptmenüpunkte nicht eingeblendet werden. * Alle Seiten: Das Element (Fingerabdruck-Icon unten rechts) welches den Cookie-Layer öffnet ist mit der Tastatur nicht erreichbar. * Alle Seiten: Im geöffneten Cookie-Layer sind die Buttons "Auswahl bestätigen" und "Alle Cookies zulassen" nicht mit der Tastatur bedienbar. |
|
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.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: Nach der Hauptnavigation folgen mehrere nicht sichtbare Tabschritte. * Startseite: Im Bereich "Aktuelle Publikationen" erhalten je Eintrag zwei Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen. * Suchseite: Je Suchergebniseintrag erhalten zwei Links mit dem gleichen Ziel mit der Tabulatortaste den Fokus. * Suchseite: Der Fokus wird bspw. nach dem Sortieren der Liste, nach dem Ausführen einer erneuten Suche oder nach dem Öffnen der nächsten Suchergebnisseite an den Seitenanfang und nicht auf den ersten Suchergebniseintrag gesetzt. * Alle Seiten: Im Header ist die Fokusreihenfolge nicht korrekt, da zuerst die Links der Metanavigation den Fokus erhalten und danach erst die Socialmedia-Links. * Alle Seiten: Im Header erhält der inaktive Sprachschalter der aktuell eingestellten Sprache den Fokus. |
|
2.4.4 Linkzweck ist verständlich (im Kontext) |
nicht bestanden | * Startseite: Die beiden Paginierungspunkte im zweiten Slider werden vom Screenreader nur als Link 1, Link 2 ausgegeben. * Suchseite: Die Seiten-Links der Paginierung werden vom Screenreader nur als "Link 1, Link 2, ..." ausgegeben. * Alle Seiten: Die Socialmedia-Links im Header werden vom Screenreader nur als Link, Link, Link, … ausgegeben. |
|
2.4.7 Tastaturfokus ist sichtbar |
nicht bestanden | * Formularseite, Inhaltsseite: Der Fokus ist auf den 5 Links (teilen, tweet, mitteilen, …) oberhalb des Footers nicht sichtbar. * Inhaltsseite: Der Fokus ist auf den drei klappbaren Abschnitten im Inhaltsbereich und dem Link "Bleiben Sie informiert" in der rechten Spalte nicht bzw. nicht gut sichtbar. |
|
3.1.1 Sprache ist ausgezeichnet |
nicht bestanden | * Alle Seiten: Nach dem Umschalten der Sprache (Englisch) wird die Hauptsprache der Inhalte im Quellcode nicht korrekt angegeben. |
|
3.1.2 Abweichende Sprache einzelner Abschnitte ist ausgezeichnet |
nicht bestanden | * Startseite: In mehreren Bereichen wie z.B. "Aktuelle Publikationen" oder "Aktuelle Veranstaltungen", werden die Texte vom Screenreader mit der falschen Aussprache ausgegeben, da der Sprachwechsel nicht ausgezeichnet ist. * Suchseite: Der Bedienhinweis der eingeblendeten Vorschlagsliste (unterhalb des Sucheingabefeldes), ist englischsprachig und wird daher vom Screenreader mit deutscher Aussprache schlecht verständlich ausgegeben. |
|
4.1.1 Syntaxspezifikationen sind erfüllt |
nicht bestanden | * Die Seiten enthalten Syntaxfehler. |
|
4.1.2 Name, Rolle und Wert sind identifizierbar |
nicht bestanden | * Startseite: Die Paginierungspunkte im ersten Slider werden vom Screenreader im linearen Lesemodus nur als "anklickbar" ausgegeben. * Inhaltsseite: Die klappbaren Abschnitte im Inhaltsbereich werden vom Screenreader als Registerkarten ausgegeben. * Alle Seiten: Das Element (Fingerabdruck-Icon unten rechts) welches den Cookie-Layer öffnet wird vom Screenreader im linearen Lesemodus nur als "anklickbar" ausgegeben. |
|
A.4 Gebärdensprache-Video ist vorhanden |
nicht bestanden | |
|
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. |
| 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.3.5 Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar |
bestanden | |
|
1.4.2 Automatisch abgespielte Audio-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.3.1 Blitzen wird vermieden |
bestanden | |
|
2.4.5 Seiten sind über verschiedene Möglichkeiten auffindbar |
bestanden | |
|
2.4.6 Überschriften und Label beschreiben Thema oder Zweck |
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.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.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 | |
|
A.1 Erklärung zur Barrierefreiheit ist vorhanden |
bestanden | * Ergebnis der formalen Prüfung: nicht bestanden |
|
A.2 Feedback-Mechanismus ist vorhanden |
bestanden | |
|
A.3 Leichte Sprache ist vorhanden |
bestanden |
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Prüfung vom 23.07.2024