Staatliches Gutachten zur digitalen Barrierefreiheit

IDOS Research

Nutzbarkeit mit unterschiedlichen Behinderungen

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.

Dokumentierte Barrieren

  • Hauptnavigation und Untermenüs sind per Tastatur nicht nutzbar

    Die Hauptnavigation lässt sich mit der Tastatur nicht zuverlässig öffnen, und die Untermenüs reagieren nicht auf Tastaturbedienung. Wichtige Bereiche der Website bleiben dadurch für Tastatur- und Screenreader-Nutzende schwer erreichbar.

    Auswirkung: Ich kann mich nicht verlässlich durch die Seitenbereiche navigieren. Wenn ich keine Maus nutzen kann, komme ich an zentrale Inhalte und Unterseiten womöglich gar nicht heran.

  • Cookie-Banner kann nicht vollständig mit Tastatur bedient werden

    Der Einstieg zum Cookie-Layer ist mit der Tastatur nicht erreichbar, und im geöffneten Layer sind wichtige Schaltflächen nicht bedienbar. Damit lässt sich die Einwilligung nicht barrierefrei steuern.

    Auswirkung: Ich kann den Cookie-Hinweis nicht bedienen, wenn ich keine Maus verwende. Dadurch wird die Nutzung der Seite für mich blockiert oder deutlich erschwert.

  • Suche und Suchergebnisse sind für Screenreader schlecht erfassbar

    Das Suchfeld ist nicht beschriftet, und die Suchergebnisse sowie die Paginierung sind nicht eindeutig erkennbar. Dadurch ist die Suche für assistive Technologien nur eingeschränkt verständlich und bedienbar.

    Auswirkung: Ich kann die Suche schlechter starten, verstehen und durch die Treffer blättern. Besonders bei vielen Treffern verliere ich leicht den Überblick oder erkenne nicht, was ein Bedienelement macht.

  • Slider-Inhalte sind nicht vollständig bedien- und kontrollierbar

    Die Bedienelemente und die Paginierung des ersten Sliders sind per Tastatur nicht erreichbar, und die automatische Animation lässt sich nicht pausieren. Zudem werden beim linearen Lesen auch unsichtbare Slides ausgegeben.

    Auswirkung: Ich kann die Slider-Inhalte nicht gezielt auswählen oder stoppen. Für mich kann das irritierend sein und wichtige Informationen schwer auffindbar machen.

  • Wichtige Inhalte werden bei Vergrößerung und auf kleinen Ansichten abgeschnitten oder überlagert

    Bei 200 % Zoom und in engen Layouts überlappen sich Inhalte, und einzelne Bereiche verschwinden aus dem sichtbaren Bereich. Das betrifft unter anderem Navigation, Slider und Teaserbereiche.

    Auswirkung: Ich muss Inhalte suchen oder horizontal und vertikal hin- und her scrollen. Wenn ich zoome, kann es sein, dass ich Texte oder Bedienelemente nicht mehr vollständig lesen oder anklicken kann.

  • Fokus ist teilweise unsichtbar oder springt unlogisch

    Mehrere interaktive Elemente zeigen keinen oder nur schlechten Fokus, und die Fokusreihenfolge ist an einigen Stellen nicht aufgabenangemessen. Dadurch ist schwer nachvollziehbar, wo man sich gerade befindet.

    Auswirkung: Ich verliere beim Tabben leicht die Orientierung und weiß nicht, welches Element gerade aktiv ist. Das macht die Bedienung mit Tastatur oder Screenreader unnötig mühsam.

  • Struktur und Überschriften sind für Assistive Technologien uneinheitlich

    Überschriften, Regionen und Seitenbereiche sind nicht überall sauber ausgezeichnet. Dadurch wird die Seite für Screenreader-Nutzende schwerer gegliedert und weniger gut navigierbar.

    Auswirkung: Ich kann Inhalte nicht so schnell über Überschriften und Landmarken erfassen. Das kostet mich Zeit und erhöht die Wahrscheinlichkeit, dass ich wichtige Bereiche übersehe.

  • PDF ist nicht barrierefrei aufbereitet

    Das angebotene PDF erfüllt die Anforderungen an ein barrierefreies PDF nicht. Für Screenreader oder andere Hilfsmittel kann das die Nutzung des Dokuments deutlich erschweren.

    Auswirkung: Ich kann das PDF eventuell nur eingeschränkt lesen, strukturiert erfassen oder bedienen. Wenn das Dokument wichtige Inhalte enthält, ist mir der Zugang dazu erschwert.

  • Links sind nicht eindeutig erkennbar oder nur farblich markiert

    Mehrere Links im Fließtext sind ausschließlich über Farbe gekennzeichnet, und einige Linkzwecke werden vom Screenreader nur sehr allgemein ausgegeben. Dadurch ist nicht immer klar, was anklickbar ist und wohin ein Link führt.

    Auswirkung: Ich kann Links leichter übersehen oder falsch einschätzen. Das erschwert mir besonders das schnelle Erfassen von Texten und das gezielte Aufrufen einzelner Inhalte.

  • Nicht-Text-Inhalte haben teils keine aussagekräftigen Alternativtexte

    Mehrere Bilder, Logos und Schriftgrafiken sind nicht sinnvoll beschrieben oder falsch ausgezeichnet. Dadurch fehlt Nutzerinnen und Nutzern mit Screenreader der inhaltliche Bezug dieser Elemente.

    Auswirkung: Ich kann wichtige visuelle Informationen nicht oder nur unvollständig erfassen. Das betrifft zum Beispiel Teaser, Logos und Hinweisgrafiken, die zur Orientierung oder zu weiteren Inhalten führen können.

  • Sprachwechsel ist für Screenreader nicht korrekt ausgezeichnet

    Nach dem Umschalten auf Englisch ist die Hauptsprache nicht korrekt angegeben, und einzelne englische Texte werden mit falscher Aussprache vorgelesen. Das betrifft auch Hinweise in der Suchfunktion.

    Auswirkung: Ich verstehe Inhalte schlechter, weil Wörter und Sätze falsch ausgesprochen werden. Das stört das flüssige Lesen und kann zu Missverständnissen führen.

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 110.0.5481.97
Screenreader
NVDA 2022.4
Tools
Google Chrome 110.0.5481.97, NVDA 2022.4, PAC3-Test
  • www.idos-research.de Web-Angebot öffnen
  • https://www.idos-research.de/suche/?q=Nachhaltigkeit&id=25&L=0
  • https://www.idos-research.de/impressum/
  • https://www.idos-research.de/beratung/
  • https://www.idos-research.de/uploads/media/PB_2.2023.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
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.
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.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden * Startseite: Im Slider werden beim linearen Lesen (Lesemodus des Screenreaders) alle Slides ausgegeben (nicht nur der sichtbare).
Farbe ist nicht einziger Informationsträger nicht bestanden Formularseite, Inhaltsseite: Links im Fließtext sind ausschließlich durch Farbe gekennzeichnet.
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).
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.
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.
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.
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.
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.
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.
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.
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: 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.
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.
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.
Sprache ist ausgezeichnet nicht bestanden * Alle Seiten: Nach dem Umschalten der Sprache (Englisch) wird die Hauptsprache der Inhalte im Quellcode nicht korrekt angegeben.
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.
Syntaxspezifikationen sind erfüllt nicht bestanden * Die Seiten enthalten Syntaxfehler.
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.

Im Wesentlichen bestanden

Kriterium Status Notizen
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden * Suchseite: Im Titel der Seite 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
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
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen 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
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 sind in Textform vorhanden bestanden
Label enthalten Eingabehinweise bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 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

Möglicherweise verwandte Prüfungen

idos-research.de

Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik

Prüfung vom 23.07.2024

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.