Staatliches Gutachten zur digitalen Barrierefreiheit

www.helmholtz-berlin.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Screenreader-Bedienung ist grundsätzlich möglich, aber fehlerhafte Fokusführung, unklare Linkzwecke, Probleme bei Formularfehlern und ARIA-Umsetzung schränken die Nutzbarkeit spürbar ein.

Sehbehinderung Mit Hindernissen nutzbar

Mehrere Kontrastprobleme, insbesondere in Logos, Links und im Hochkontrastmodus sowie unzureichendes Reflow bei 400 % Zoom erschweren die Nutzung deutlich.

Hörbehinderung Weitgehend zugänglich

Untertitel und Alternativen für aufgezeichnete Medien sind vorhanden, nur das fehlende Gebärdensprachvideo mindert die Nutzbarkeit leicht.

Motorische Behinderung Weitgehend zugänglich

Seite ist gut tastaturbedienbar ohne Tastaturfallen und ohne komplexe Zeiger-Gesten, kleinere Fokusprobleme wirken aber leicht einschränkend.

Lernbehinderung Mit Hindernissen nutzbar

Konsistente Navigation, klare Labels und Leichte-Sprache-Angebot helfen, aber komplexe Formulare ohne feldnahe Fehlermeldungen und unklare Suchergebnislinks sind hinderlich.

Neurodivergenz Weitgehend zugänglich

Konsistente Struktur, fehlende Zeitbegrenzungen und steuerbare Animationen sind positiv, während Fokus-Sprünge und unklare Rückmeldungen bei Fehlern zu Mehrbelastung führen können.

Veränderung

Aktuell angezeigt
10 gefundene Barrieren -10 zur vorherigen Prüfung
6,7/10 Ø Schwere -0,3 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Fehlende Fehlerhinweise direkt an Formularfeldern

    Auf der Formularseite werden fehlerhafte Eingaben nicht direkt mit verständlichen Fehlermeldungen markiert. Die betroffenen Felder werden nur gesammelt am Anfang des Formulars genannt und sind für Screenreader teils nicht als fehlerhaft erkennbar.

    Auswirkung: Ich weiß nach dem Absenden nicht sofort, was genau falsch ist und wo ich etwas korrigieren muss. Das kostet Zeit und macht das Ausfüllen unnötig schwierig, besonders wenn ich mit Tastatur oder Screenreader arbeite.

  • Unklare Linkziele in Suchergebnissen

    Auf der Suchseite haben die Suchergebnis-Links keine aussagekräftige Beschriftung. Laut Prüfung werden für Screenreader nur URLs ausgegeben.

    Auswirkung: Ich kann nicht erkennen, wohin ein Suchergebnis führt, ohne jedes Ziel erst mühsam zu öffnen. Das macht die Suche nach passenden Inhalten deutlich langsamer und unsicherer.

  • Fokus landet nach Aktionen an der falschen Stelle

    Nach bestimmten Aktionen auf der Suchseite springt der Tastaturfokus nicht sinnvoll weiter, sondern zurück an den Seitenanfang. Nach dem Absenden eines fehlerhaften Formulars wird der Fokus ebenfalls nicht auf die Fehler oder das erste fehlerhafte Feld gesetzt.

    Auswirkung: Ich verliere nach einer Aktion die Orientierung und muss den Inhalt neu suchen. Das unterbricht meinen Arbeitsfluss und erschwert das Korrigieren oder Weiterarbeiten.

  • Informationen gehen im Hochkontrastmodus verloren

    Mehrere Bedienelemente sind im Hochkontrastmodus nicht mehr gut erkennbar, etwa Pfeil-Icons bei Auswahllisten, Slider-Paginierung, Akkordeons und markierte fehlerhafte Felder. Dadurch ist nicht immer klar, was klickbar ist oder wo ein Problem vorliegt.

    Auswirkung: Wenn ich auf hohen Kontrast angewiesen bin, kann ich wichtige Schaltflächen und Statushinweise übersehen. Das erschwert Navigation, Fehlersuche und das Öffnen von Inhalten deutlich.

  • Seite bricht bei starker Vergrößerung nicht sauber um

    Bei 400 % Zoom liegen Teile der Breadcrumb-Navigation außerhalb des sichtbaren Bereichs. Auch einzelne Formularfelder passen sich auf kleinen Ansichten nicht an und erzwingen horizontales Scrollen.

    Auswirkung: Ich muss seitlich scrollen und verliere leichter den Überblick über die Seite. Das macht besonders das Ausfüllen von Formularen auf kleinen Displays oder bei Zoom deutlich anstrengender.

  • Klappbare Bereiche sind für Screenreader nicht verständlich genug

    Der Status von auf- und zugeklappten Bereichen wird dem Screenreader nicht zuverlässig mitgeteilt. Auch die Pfeil-Buttons in der Hauptnavigation werden mit einer unklaren Bezeichnung ausgegeben.

    Auswirkung: Ich kann nicht sicher erkennen, ob ein Bereich offen oder geschlossen ist. Dadurch wird das Navigieren durch Menüs und Akkordeons deutlich umständlicher und fehleranfälliger.

  • PDF-Dokument nicht barrierefrei nutzbar

    Das geprüfte PDF ist nicht PDF/UA-konform. Damit kann es für unterstützende Technologien deutlich schlechter zugänglich sein als die Website selbst.

    Auswirkung: Wenn ich auf das PDF angewiesen bin, kann ich Inhalte möglicherweise nicht zuverlässig lesen oder bedienen. Besonders mit Screenreader kann das die Nutzung des Dokuments stark erschweren.

  • Fehlende sichtbare Fokusanzeige bei Teaser-Bildern

    In klappbaren Abschnitten ist der Tastaturfokus auf verlinkten Teaser-Bildern nicht sichtbar. Für Tastatur-Nutzende ist damit nicht erkennbar, welches Element gerade aktiv ist.

    Auswirkung: Ich kann nicht zuverlässig sehen, wo ich mich gerade auf der Seite befinde. Dadurch wird die Bedienung per Tastatur unsicher und fehleranfällig.

  • Links sind nur über Farbe erkennbar und schlecht lesbar

    Im Fließtext werden Links nur farblich hervorgehoben, und der Kontrast ist zu gering. Zusätzlich sind einige Linktexte auf der Startseite vor Bildhintergründen schwer lesbar.

    Auswirkung: Ich erkenne Links möglicherweise nicht als solche oder übersehe sie ganz. Besonders bei Seheinschränkungen wird das Lesen und Anklicken dadurch unnötig schwierig.

  • Sprache einzelner Inhalte ist nicht korrekt ausgezeichnet

    Einzelne englischsprachige Inhalte sind nicht als Sprachwechsel markiert, etwa Teaser, Links und Slider-Beschriftungen. Dadurch liest der Screenreader diese Stellen möglicherweise mit falscher Aussprache vor.

    Auswirkung: Ich verstehe einzelne Inhalte schlechter und muss häufiger nachfragen oder selbst interpretieren, was gemeint ist. Das stört besonders beim schnellen Erfassen von Neuigkeiten und Navigationselementen.

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 129.0.6668.59
Screenreader
NVDA 2024.2
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator, WCAG Parsing Bookmarklet

Veränderung nach WCAG-Kriterien

19.09.2024 Vereinfachte Überwachung
angezeigtes 13 nicht bestanden 2 weitgehend 39 bestanden
01.06.2021 eingehende Überwachung Gutachten ansehen
21 nicht bestanden 8 weitgehend 25 bestanden
Vergleich der Prüfergebnisse nach Prüfungsdatum und Prüfart
Prüfungsdatum Prüfart Abweichende Prüfart Nicht bestanden Im Wesentlichen bestanden Bestanden
19.09.2024 Vereinfachte Überwachung Nein 13 2 39
01.06.2021 eingehende Überwachung Ja 21 8 25
  • www.helmholtz-berlin.de Weitere Gutachten vorhanden Web-Angebot öffnen
  • https://www.helmholtz-berlin.de/pubbin/search?sprache=de&Suchbereich=text&Schnellsuche=Technologie
  • https://www.helmholtz-berlin.de/pubbin/info-anfrage.pl
  • https://www.helmholtz-berlin.de/forschung/#photon
  • https://www.helmholtz-berlin.de/media/media/allgemein/ausschreibungen/bekanntmachungen/neu-bekanntmachung-e99145356-6.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden * Alle Seiten: Der alt-Text der Logo-Grafik im Footer entspricht nicht genau dem Logotext.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden * Alle Seiten: Auf den Seiten sind mehrere H1-Überschriften vorhanden. * Suchseite: Mehrere Hervorhebungen in Suchergebnissen sind mit <i> und nicht mit <em> ausgezeichnet. * Inhaltsseite: Die Texte der klappbaren Abschnitte sind als Überschriften auf Ebene h2 eingebunden, sollten nach inhaltlicher Hierarchie eher h3 sein. * Startseite: Im Bereich "Am HZB" sind die Elemente der Slider-Paginierung im Hochkontrastmodus nicht sichtbar. * Suchseite: Oberhalb der Suchergebnisse ist bei der Auswahlliste "Ergebnisse pro Seite" das Pfeil-Icon im Hochkontrastmodus nicht sichtbar. * Formularseite: Im Hochkontrastmodus sind die markierten fehlerhaften Felder nicht mehr erkennbar. * Inhaltsseite: Im Hochkontrastmodus sind die Pfeil-Icons der klappbaren Abschnitte nicht sichtbar. * Alle Seiten: Im Header bei der Auswahlliste "Volltextsuche" ist das Pfeil-Icon im Hochkontrastmodus nicht sichtbar.
Farbe ist nicht einziger Informationsträger nicht bestanden * Inhaltsseite: Links im Fließtext sind nur durch Farbe gekennzeichnet, Kontrastabstand zu gering.
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden * Startseite: Im Bereich "Am HBZ" haben einige Linktexte zu geringes Kontrastverhältnis zum Bildhintergrund. * Alle Seiten: Einige Textelemente der Logos im Header und Footer haben zu geringen Kontrast zum Hintergrund.
Inhalte brechen in einspaltiges Layout um nicht bestanden * Formularseite: Bei 400 % Zoom werden Elemente der Breadcrumbnavigation außerhalb des sichtbaren Bereichs angezeigt und lassen sich nicht verschieben. * Formularseite: Bei 400 % Zoom und mobiler (320px) Ansicht passen sich die Formularfelder "Ihre Anfrage betrifft" und "Anfrage" nicht der Fensterbreite an und erfordern horizontales Scrollen.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden * Startseite: Sprunglink "Zum Hauptinhalt springen" erhält nicht als erstes den Fokus. * Suchseite: Nach dem Button "Abschicken" folgen zwei nicht sichtbare Tabschritte. * Suchseite: Fokus wird nach diversen Aktionen an den Seitenanfang und nicht auf das erste Suchergebnis gesetzt. Hinweis: * Suchseite: Pro Suchergebnis erhalten zwei Links mit gleichem Ziel den Fokus. * Formularseite: Fokus nach Absenden eines fehlerhaften Formulars gelangt nicht auf Fehlermeldungen bzw. erstes fehlerhaftes Feld.
Linkzweck ist verständlich (im Kontext) nicht bestanden * Suchseite: Die Links der Suchergebnisse haben keine aussagekräftige Beschriftung, es werden nur URLs vom Screenreader ausgegeben.
Tastaturfokus ist sichtbar nicht bestanden * Inhaltsseite: In den klappbaren Abschnitten ist der Tastaturfokus auf den verlinkten Teaser-Bildern nicht sichtbar.
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet nicht bestanden * Startseite Neuigkeiten: Teaser "Goodbye and Auf Wiedersehen" in englischer Sprache ohne Sprachauszeichnung auf Quellcodeebene. * Startseite Termine: englische Links ohne Sprachauszeichnung. * Startseite Am HBZ: Slider-Paginierungselemente mit englischer Beschriftung vom Screenreader ausgegeben, Sprachwechsel nicht ausgezeichnet.
Fehlermeldungen sind in Textform vorhanden nicht bestanden * Formularseite: An den fehlerhaften Formularfeldern sind keine Fehlermeldungen vorhanden, der Screenreader gibt diese Felder auch nicht als fehlerhaft aus. * Formularseite: Die fehlerhaften Felder werden nur am Formularanfang genannt.
Name, Rolle und Wert sind identifizierbar nicht bestanden * Inhaltsseite: Status der klappbaren Abschnitte (offen/geschlossen) wird vom Screenreader nicht ausgegeben. * Alle Seiten: Pfeil-Buttons zum Ausklappen weiterer Navigationsebenen in den Untermenüs der Hauptnavigation werden vom Screenreader mit der Bezeichnung "mehr aria-expanded=" 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.

Im Wesentlichen bestanden

Kriterium Status Notizen
Wiederkehrende Bereiche können übersprungen werden im Wesentlichen bestanden * Alle Seiten: Es wird nur ein Skip-Link zum Inhalt angeboten.
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden * Suchseite: Im Titel fehlt der Suchbegriff nach einer erneuten Suche.

Bestanden

Kriterium Status Notizen
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
Sinnvolle Lesereihenfolge ist gegeben bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Schriftgröße kann angepasst werden bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend bestanden
Textabstände sind anpassbar bestanden
Bei Fokussierung eingeblendete Inhalte sind steuerbar bestanden
Tastaturbedienbarkeit ist gegeben bestanden
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen sind steuerbar bestanden
Automatisch gestartete Animationen sind steuerbar bestanden
Blitzen wird vermieden bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar bestanden
Überschriften und Label beschreiben Thema oder Zweck 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
Label enthalten Eingabehinweise bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Syntaxspezifikationen sind erfüllt bestanden
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

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.