11
gefundene Barrieren
7,3/10
Ø Schwere
Staatliches Gutachten zur digitalen Barrierefreiheit
https://www.helmholtz-hzi.de
Nutzbarkeit mit unterschiedlichen Behinderungen
Blindheit Kaum nutzbar
Deutliche Probleme bei Struktur, Alternativtexten, Formularen, Navigation und Tastaturbedienung schränken Screenreader-Nutzung stark ein.
Sehbehinderung Kaum nutzbar
Fehlende Kontraste, schlecht sichtbare Rahmen im Hochkontrastmodus und Layoutprobleme bei Vergrößerung beeinträchtigen die Wahrnehmbarkeit erheblich.
Hörbehinderung Fast barrierefrei
Multimedia ist weitgehend mit Untertiteln und Alternativen versehen und es gibt kaum hörbasierte Funktionen, daher nur geringe Einschränkungen.
Motorische Behinderung Mit Hindernissen nutzbar
Wesentliche Bereiche wie Untermenüs und Karten sind per Tastatur nicht bedienbar und Fokusführung ist problematisch, was motorisch eingeschränkte Nutzer deutlich behindert.
Lernbehinderung Mit Hindernissen nutzbar
Fehlerhafte Struktur, unklare Navigation, lange Labels und fehlende Leichte Sprache erschweren Orientierung und Verständnis deutlich.
Neurodivergenz Mit Hindernissen nutzbar
Fehlende Pausierbarkeit des Sliders, Fokusprobleme und unklare Struktur können Aufmerksamkeit und Reizverarbeitung stören, sind aber nicht vollständig nutzungsausschließend.
Hinweis: Diese Zusammenfassung 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.
Technische Umgebung
- OS
- Windows 10 Enterprise
- Browser
- Google Chrome 105.0.5195.127
- Screenreader
- NVDA 2021.3.5
- Tools
- NVDA, Google Chrome, PAC3
Veränderung nach WCAG-Kriterien
| Prüfungsdatum | Prüfart | Abweichende Prüfart | Nicht bestanden | Im Wesentlichen bestanden | Bestanden |
|---|---|---|---|---|---|
| 24.08.2023 | Vereinfachte Überwachung | Nein | 28 | 0 | 21 |
| 28.09.2022 | Vereinfachte Überwachung | Nein | 28 | 0 | 26 |
-
https://www.helmholtz-hzi.de Web-Angebot öffnen
-
https://www.helmholtz-hzi.de/de/service/suche/?L=0&id=122&tx_solr%5Bq%5D=wissenschaftliche
-
https://www.helmholtz-hzi.de/de/nc/service/kontakt/ ⓘ Weitere Gutachten vorhanden
-
https://www.helmholtz-hzi.de/de/aktuelles/thema/es-wird-weitere-vielleicht-noch-gefaehrlichere-pandemiengeben/
-
https://www.helmholtz-hzi.de/fileadmin/user_upload/Infothek/Ueber_das_HZI/Broschueren/HZI_180234_BRO_Image_WEB_NEU_3.pdf ⓘ Weitere Gutachten vorhanden
Prüfkriterien
Nicht bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Nicht-Text-Inhalte besitzen Alternativtexte | nicht bestanden | Startseite: Einige Grafiken im Slider und den Teaser-Grafiken haben keinen aussagekräftigen alt-Text. Inhaltsseite: Die erste Grafik in der linken Spalte "InFact" hat keinen aussagekräftigen alt-Text. Alle Seiten: Das "HZI"-Logo im Header und das "Helmholtz"-Logo im Footer besitzen keinen aussagekräftigen alt-Text. |
| Informationen, Struktur und Beziehungen sind identifizierbar | nicht bestanden | Startseite: Die Funktion der Paginierung des Slider ist durch die fehlende Beschriftung nicht gut erkennbar. Startseite: Auf der Seite ist keine H1 Überschrift vorhanden. Suchseite: In der rechten Spalte stimmt die Überschriftenhierarchie nicht, auf H2 folgt H4. Formularseite: Die Fehlermeldungen sind nicht mit den dazugehörigen Formularfeldern verknüpft. Formularseite: Auf der Seite sind mehrere H1 Überschriften vorhanden. Inhaltsseite: Auf der Seite stimmt die Überschriftenhierarchie nicht, auf H1 folgt H3. Alle Seiten: Die Funktion der Sprachschalter (im Header) ist durch die fehlende Beschriftung nicht gut erkennbar. Alle Seiten: Die Vorschlagsliste des Sucheingabefeldes wird vom Screenreader nicht ausgegeben. Alle Seiten: In der Breadcrumb-Navigation werden die Pfeile ">" zwischen den Links vom Screenreader als „Größer als" ausgegeben. Alle Seiten: Das Sucheingabefeld (im Header) besitzt keine eigene Beschriftung/Label. Alle Seiten: Im Footer ist die H4-Überschrift "Standorte des HZI auf einen Blick" durch ein <br>-Tag getrennt. Alle Seiten: Der Rahmen des Sucheingabefeldes im Header (und Inhaltsbereich der Suchseite) und des Newsletter-Eingabefeld im Footer, ist im Hochkontrastmodus nicht sichtbar. Startseite: Die Paginierung des Sliders ist im Hochkontrastmodus nicht sichtbar. Formularseite: Die Rahmen der Eingabefelder sind im Hochkontrastmodus nicht sichtbar. |
| Sinnvolle Lesereihenfolge ist gegeben | nicht bestanden | Startseite: Im Slider werden beim linearen Lesen (Lesemodus des Screenreaders) alle Slides ausgegeben (nicht nur der sichtbare). Alle Seiten: Im Header stimmt die Ausgabereihenfolge des Screenreaders nicht mit der visuellen Reihenfolge überein, da zuerst die drei rechts angeordneten Elemente der Suche (Eingabefeld, Suche-Button Checkbox zu "Person") ausgegeben werden und danach erst die Links der Haupt-Navigation auf der linken Seite. |
| 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. |
| Farbe ist nicht einziger Informationsträger | nicht bestanden | Alle Seiten: Mehrere Links z.B. im Fließtext oder in der Unternavigation der Hauptnavigation, sind nur durch Farbe gekennzeichnet. (Der Kontrastabstand zwischen Linkfarbe und Textfarbe ist zu gering) |
| Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) | nicht bestanden | Inhaltsseite: Die Links im Fließtext und die Bildunterschriften haben ein zu geringes Kontrastverhältnis zum Hintergrund. Alle Seiten: Mehrere Links wie z.B. die Links der Breadcrumb-Navigation, Links in der Unternavigationen oder die Links im Footer haben ein zu geringes Kontrastverhältnis zum Hintergrund. |
| Schriftgrafiken sind anpassbar oder unverzichtbar | nicht bestanden | Alle Seiten: Die Inhalte der Schriftgrafik im Footer können nicht angepasst werden. |
| Inhalte brechen in einspaltiges Layout um | nicht bestanden | Formularseite: Einige Texte (z.B. "Bitte ausfüllen") überlagern sich. Zudem sind die Inhalte nur durch mehrdimensionales Scrollen vollständig wahrnehmbar. Alle Seiten: Der "Englisch"-Link ist zu nahe am Logotext des HZI. |
| Kontrastabstand von Nicht-Text-Inhalten ist ausreichend | nicht bestanden | Startseite: Die "Zurück/Weiter"-Pfeil Icons des Sliders haben ein zu geringes Kontrastverhältnis zu den Hintergrundbildern. Formularseite: Die Farbe der Formularfelder hat ein zu geringes Kontrastverhältnis zum Hintergrund. Alle Seiten: Einige Elemente (wie z.B. Landkarten-Grafik im Footer, Sucheingabefeld im Header oder das Twitter-Icon) haben ein zu geringes Kontrastverhältnis zum Hintergrund. |
| Textabstände sind anpassbar | nicht bestanden | Startseite: Einige Texte im Slider werden außerhalb des Slide-Container angezeigt und sind dadurch nicht mehr lesbar. |
| 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. Dies gilt auch für die Info-Layer (Landkarten-Grafik) im Footer. |
| Tastaturbedienbarkeit ist gegeben | nicht bestanden | 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: Die Info-Layer (Karte im Footer) mit den Adressinformationen zu den einzelnen Standorten können mit der Tastatur nicht geöffnet werden. |
| Automatisch gestartete Animationen sind steuerbar | nicht bestanden | Startseite: Beim Slider wird kein Button zum Beenden oder Pausieren der Slideranimation angeboten. |
| Wiederkehrende Bereiche können übersprungen werden | nicht bestanden | Alle Seiten: Auf den Seiten werden keine Skip-Links zur Verfügung gestellt. |
| Fokusreihenfolge ist aufgabenangemessen | nicht bestanden | Startseite: Im Slider wird der Fokus nach dem Öffnen einer Sliderseite (Paginierung) nicht auf das erste Element des geöffneten Slides gesetzt. Startseite: Die Elemente der ausgeblendeten Sliderseiten erhalten mit der Tabulatortaste den Fokus. Startseite: Nach der Slider-Paginierung werden zwei nicht sichtbare Tabschritte ausgegeben. Suchseite: Der Fokus wird bspw. nach dem Ausführen einer erneuten Suche nicht auf den ersten Suchergebniseintrag gesetzt. Formularseite: Der Fokus wird nach dem Absenden eines fehlerhaften Formulars in das Sucheingabefeld im Header und nicht auf das erste fehlerhafte Feld gesetzt. Formularseite: Nach dem Betreff-Eingabefeld folgt ein leerer Tabschritt. Alle Seiten: Die Untermenüs sind für Tastaturnutzer nicht bedienbar, da die Elemente mit der Tastatur nicht den Fokus erhalten. Ein Nutzer muss somit über mehrere Unterseiten navigieren, um die gewünschte Seite öffnen zu können. Alle Seiten: Im Header ist die Fokusreihenfolge nicht korrekt, da zuerst die drei rechts angeordneten Elemente der Suche (Eingabefeld, Suche-Button, Checkbox zu "Personen") den Fokus erhalten und danach erst die Links der Haupt-Navigation auf der linken Seite. |
| Linkzweck ist verständlich (im Kontext) | nicht bestanden | Startseite: In der Paginierung des Slider haben die einzelnen Links keine aussagekräftige Beschriftung (1 Link, 2 Link, 3 Link usw.). Inhaltsseite: Im Bereich "Ansprechpartner" wird die ersten beiden Links nur als Nummern vom Screenreader ausgegeben (ohne weiteren Hinweis ob z.B. Telefon oder Fax). |
| Überschriften und Label beschreiben Thema oder Zweck | nicht bestanden | Formularseite: Das Label der Checkbox zur Bestätigung der datenschutzrechtlichen Hinweise überschreitet die Empfehlung der maximalen Länge von 80 Zeichen. |
| Tastaturfokus ist sichtbar | nicht bestanden | – |
| Abweichende Sprache einzelner Abschnitte ist ausgezeichnet | nicht bestanden | Startseite: Im Bereich "Ausgewählte Publikationen" werden mehrere englische Überschriften und Texte vom Screenreader mit der falschen Aussprache ausgegeben, da der Sprachwechsel nicht ausgezeichnet ist. Ebenso werden die "Zurück"- und "Weiter"-Links des Slider mit englischen Beschriftungen (mit der falschen Aussprache) vom Screenreader ausgegeben. |
| Fehlermeldungen sind in Textform vorhanden | nicht bestanden | Formularseite: Die Fehlermeldungen werden zwar am betroffenen Formularfeld angezeigt. Der Screenreader gibt aber die Formularfelder nicht als fehlerhaft aus. Formularseite: Die Fehlermeldung am Formularelement wird vom Screenreader (im Formularmodus) nicht ausgegeben. Ein Nutzer muss erst in den linearen Lesemodus wechseln. |
| Label enthalten Eingabehinweise | nicht bestanden | Formularseite: Die entsprechenden Pflichtfelder sind visuell zwar mit einem Icon (Ausrufezeichen) gekennzeichnet aber der Screenreader gibt diese nicht als Pflichtfelder aus. |
| Syntaxspezifikationen sind erfüllt | nicht bestanden | Die Seiten enthalten Syntaxfehler. (z.B. Duplicate IDs) |
| Name, Rolle und Wert sind identifizierbar | nicht bestanden | Alle Seiten: Der Suche-Button im Header (rechts oben) wird vom Screenreader nur als "Schalter" ausgegeben. |
|
A.1
Erklärung zur Barrierefreiheit ist vorhanden
|
nicht bestanden | entspricht A: nein |
|
A.2
Feedback-Mechanismus ist vorhanden
|
nicht bestanden | entspricht A: nein |
|
A.3
Leichte Sprache ist vorhanden
|
nicht bestanden | entspricht A: nein |
|
A.4
Gebärdensprache-Video ist vorhanden
|
nicht bestanden | entspricht A: nein |
|
B.1
PAC3 Test ergibt PDF/UA-konform
|
nicht bestanden | Das PDF-Dokument ist nicht PDF/UA-konform. |
Bestanden
| Kriterium | Status |
|---|---|
| Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen | bestanden |
| Aufgezeichnete Audio-Inhalte besitzen Untertitel | bestanden |
| Aufgezeichnete Video-Inhalte besitzen Alternativen | bestanden |
| Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen | bestanden |
| Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich | bestanden |
| Bildschirmausrichtung ist änderbar | bestanden |
| Automatisch abgespielte Audio-Inhalte sind steuerbar | bestanden |
| Schriftgröße kann angepasst werden | bestanden |
| Tastaturfallen sind nicht vorhanden | bestanden |
| Zeichen-Tastenkürzel sind abschaltbar oder anpassbar | bestanden |
| Zeitbegrenzungen sind steuerbar | bestanden |
| Blitzen wird vermieden | bestanden |
| Titel beschreiben Thema oder Zweck | bestanden |
| Seiten sind über verschiedene Möglichkeiten auffindbar | bestanden |
| Komplexe Zeigerbedienung ist verzichtbar | bestanden |
| Zeiger-Eingaben können abgebrochen oder widerrufen werden | bestanden |
| Label enthält sichtbare Beschriftung | bestanden |
| Bewegungsaktivierung ist verzichtbar | bestanden |
| Sprache ist ausgezeichnet | bestanden |
| Fokussierung führt nicht zu Kontextänderung | bestanden |
| Eingabe führt nicht zu Kontextänderung | bestanden |
| Navigation ist konsistent aufgebaut | bestanden |
| Elemente sind konsistent bezeichnet | bestanden |
| Fehlermeldungen enthalten Korrekturvorschläge | bestanden |
| Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) | bestanden |
| Statusmeldungen werden ohne Fokussierung ausgegeben | bestanden |
Unterstützung
Barrieren sichtbar machen kostet Geld. Hilf uns, dranzubleiben.
BarrierenWatch wird ehrenamtlich betrieben und finanziert sich über Steady-Mitgliedschaften von Menschen wie dir, die Barrierefreiheit und Inklusion voranbringen möchten. Hinter dem Projekt stehen Menschen mit Behinderung, die seit Jahren im Bereich der digitalen Barrierefreiheit oder als Aktivist*innen aktiv sind. Aktuell sind wir im Prozess der Gründung eines gemeinnützigen Vereins, der dieses Engagement beheimaten soll.
ab
5
Euro
im Monat
für Recherche, Prüfungen und den Betrieb der Plattform.