Staatliches Gutachten zur digitalen Barrierefreiheit

www.nato.diplo.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Deutliche Screenreader-Probleme durch fehlende/unnötige Alternativtexte, fehlerhafte Überschriftenstruktur, unklare Linkzwecke und unzugängliche Formular-Fehlermeldungen schränken die Nutzung merklich ein, obwohl Grundfunktionen tastatur- und screenreaderbedienbar sind.

Sehbehinderung Mit Hindernissen nutzbar

Gute Skalierbarkeit, Layout-Umbrechen und meist ausreichende Kontraste werden durch einzelne Kontrastprobleme, Schwächen im Hochkontrastmodus und nicht-textliche Fehleranzeige beeinträchtigt.

Hörbehinderung Fast barrierefrei

Untertitel und Alternativen für Medien sind vorhanden und sonstige Barrieren betreffen Hörbehinderte kaum, da nur wenige audioabhängige Inhalte vorliegen.

Motorische Behinderung Weitgehend zugänglich

Tastaturbedienbarkeit ohne Tastaturfallen, einfache Zeigereingaben und sichtbarer Fokus unterstützen motorisch eingeschränkte Nutzer gut, kleinere Probleme bei Fokusreihenfolge und Formularen sind aber hinderlich.

Lernbehinderung Mit Hindernissen nutzbar

Konsistente Navigation und einfache Eingabehinweise helfen, doch unklare Linktexte, Fehlermeldungen nur über Farbe und teils falsche Sprache oder Struktur erschweren die Orientierung und Fehlerkorrektur.

Neurodivergenz Weitgehend zugänglich

Es gibt keine problematischen Animationen oder Zeitdruck, aber Strukturfehler, weniger aussagekräftige Linktexte und uneindeutige Fehlerrückmeldungen können Aufmerksamkeit und Orientierung belasten.

Dokumentierte Barrieren

  • PDF-Dokument ist nicht barrierefrei nutzbar

    Das bereitgestellte PDF ist nicht PDF/UA-konform. Damit ist zu erwarten, dass Struktur, Lesereihenfolge oder Alternativtexte im Dokument für Assistenztechnik unzuverlässig sind.

    Auswirkung: Ich kann das PDF möglicherweise nicht vollständig erfassen oder nur mit großem Aufwand lesen. Wenn die Informationen dort wichtig sind, kann mich das praktisch von der Nutzung ausschließen.

  • Wichtige Bedienelemente im Hochkontrastmodus schwer erkennbar

    Einige Schaltflächen und grafische Bedienelemente sind im Hochkontrastmodus nur schlecht oder gar nicht erkennbar. Betroffen sind zum Beispiel der Feed-Toggle, Social-Media-Icons und teilweise das Logo.

    Auswirkung: Wenn ich auf hohen Kontrast angewiesen bin, kann ich bestimmte Funktionen kaum erkennen oder treffen. Dadurch werden einzelne Bedienelemente praktisch unbenutzbar.

  • Fehlerhafte Formularfelder werden nach Absenden nicht direkt erreichbar

    Nach dem Absenden eines fehlerhaften Formulars springt der Fokus nicht zum ersten fehlerhaften Feld, sondern an den Seitenanfang. Die betroffenen Felder sind außerdem nur visuell markiert, nicht mit Textfehlern versehen.

    Auswirkung: Ich muss die Fehler manuell suchen und bekomme nicht sofort mit, was ich korrigieren soll. Das verlängert die Formulareingabe deutlich und erhöht die Abbruchgefahr.

  • Fehlermeldungen werden nicht zuverlässig vorgelesen

    Die zusammenfassende Fehlermeldung oberhalb des Formulars ist nicht als Live-Region ausgezeichnet. Dadurch wird sie von Screenreadern nicht automatisch ausgegeben, wenn ein Formular fehlschlägt.

    Auswirkung: Ich merke unter Umständen nicht sofort, dass das Formular Fehler hat. Dann suche ich die Probleme erst umständlich selbst oder sende das Formular mehrfach ab.

  • Fehlende oder falsche Struktur bei Überschriften und Listen

    Die Seitenstruktur ist semantisch nicht sauber ausgezeichnet. Überschriften entsprechen teilweise nicht der sichtbaren Hierarchie, Navigationsbereiche sind nicht eindeutig benannt und einige sichtbare Listen sind nicht als Listen markiert.

    Auswirkung: Ich kann Inhalte schlechter über Überschriften oder Strukturelemente erfassen und springe mühsamer durch die Seite. Das erschwert besonders die schnelle Orientierung mit Screenreader oder Strukturansicht.

  • Unklare Alternativtexte für Bilder und Icons

    Mehrere Grafiken sind nicht sinnvoll beschrieben oder gar nicht mit einem Alternativtext versehen. Dazu gehören zum Beispiel das Logo, Social-Media-Links im Footer und dekorative Pfeile oder Layoutgrafiken, die für Hilfstechnologien nicht sauber ausgeblendet sind.

    Auswirkung: Ich verstehe den Inhalt und Zweck einzelner Bilder nicht oder bekomme unnötige Ansagen vorgelesen. Dadurch wird die Orientierung an mehreren Stellen mühsamer und teils missverständlich.

  • Linkzwecke sind teilweise nicht verständlich

    Mehrere Links sind nicht selbsterklärend benannt. Dazu zählen eine Sprungmarke mit Sonderzeichen, Sprachkürzel wie DE/EN und die Seitenzahlen in der Paginierung.

    Auswirkung: Ich kann Links nicht zuverlässig verstehen, ohne den Kontext zu erraten. Das macht Navigation und Seitenauswahl unnötig anstrengend, besonders mit Screenreader.

  • Zu geringer Kontrast bei Texten im Hover- oder Fokuszustand

    Einige graue Artikeltitel haben bei Maus-Überfahren oder Fokus einen zu geringen Kontrast zum Hintergrund. Das betrifft die Startseite und erschwert das Lesen einzelner Inhalte.

    Auswirkung: Ich kann Text bei bestimmten Zuständen schlechter erkennen, besonders mit Sehschwäche oder bei schlechter Bildschirmqualität. Dadurch übersehe ich Inhalte leichter oder muss deutlich länger suchen.

  • Fokus landet doppelt auf dem Such-Button in der Navigation

    In der Hauptnavigation wird der Schalter zum Öffnen der Suche zweimal hintereinander fokussiert. Dadurch entsteht für Tastatur- und Screenreader-Nutzende eine unnötige und verwirrende Dopplung.

    Auswirkung: Ich brauche mehr Tastendrücke und verliere beim Navigieren den Überblick. Das wirkt wie ein Fehler oder eine Schleife und bremst mich aus.

  • Spracheinschaltungen sind für Screenreader nicht markiert

    Auf der Suchseite stehen einzelne englische Bedienelemente in einer deutschen Seite, ohne als Sprachwechsel ausgezeichnet zu sein. Dadurch liest ein Screenreader die Begriffe möglicherweise in der falschen Aussprache vor.

    Auswirkung: Ich verstehe die Navigation schlechter und muss Begriffe erst einordnen. Besonders bei längeren Seiten oder beim schnellen Lesen stört das den Lesefluss.

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 102.0.5005.63
Screenreader
NVDA 2021.3.5
  • www.nato.diplo.de Web-Angebot öffnen
  • https://nato.diplo.de/nato-de/search?search=Deutschland
  • https://nato.diplo.de/nato-de/service/kontakt-formular
  • https://nato.diplo.de/nato-de/service/praktika/1345224
  • https://nato.diplo.de/blob/2409698/75266e6a100b6e35895f431c3ae66c6d/20201023-rede-akk-medienpreis-data.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden * Alle Seiten: Informationstragende Grafiken sind nicht aussagekräftig beschriftet, wie z.B. das Logo mit dem Alternativtext "logo". * Alle Seiten: Grafische Bedienelemente haben teilweise keinen Alternativtext, wie z.B. die Verlinkungen zu SocialMedia-Auftritten im Footer. * Alle Seiten: Layoutgrafiken sind nicht für assistive Technologien ausgeblendet und werden teilweise mit einem Alternativtext ausgegeben, wie z.B. die Layoutgrafik unterhalb der Hauptüberschrift auf der Startseite oder, wenn vorhanden, die Pfeile-Icons der Breadcrumb-Navigation.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden * Alle Seiten: Viele Überschriften sind nicht korrekt ausgezeichnet, z.B. es werden mehrere Hauptüberschriften (H1) ausgezeichnet und die ausgezeichneten Überschriften entsprechen teilweise nicht der visuell wahrnehmbaren Seitenstruktur. * Alle Seiten: Mehrfach vorkommende Seitenregionen, wie Navigationsregionen, sind nicht aussagekräftig beschriftet. * Alle Seiten: Teilweise sind Listen nicht korrekt ausgezeichnet, z.B. visuell als Liste wahrnehmbare Elemente werden teilweise nicht als Liste ausgezeichnet (wie die Liste der Links zu Artikeln im Abschnitt "Erklärungen und Pressemitteilungen der NATO") oder es werden Listen mit nur einem Listenelement verwendet (wie der Link "Kontakt" im Footer). * Alle Seiten: Im Hochkontrastmodus sind einige Inhalte nur schwer oder gar nicht erkennbar, z.B. der Toggle-Button zur Feed-Aktivierung auf der Startseite ist nicht erkennbar, die grafischen Bedienelemente zu den SocialMedia-Auftritten sind nur beim Überfahren mit der Maus sichtbar und das Logo ist nur teilweise erkennbar.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden * Startseite: Beim Überfahren mit der Maus oder Erhalt des Fokus haben die grauen Texte der Artikel ein zu geringes Kontrastverhältnis zum grauen Hintergrund (4,2:1).
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Alle Seiten: In der Hauptnavigation wird zweimal ein Schalter zum Öffnen der Suche fokussiert. * Formularseite: Das erste fehlerhafte Formularelement erhält nach Abschicken eines fehlerhaften Formulars nicht den Fokus. Der Fokus wird an den Anfang der Seite zurückgesetzt.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden * Alle Seiten: Der Linktext der Sprungmarke "Suche {0}" enthält Sonderzeichen, weshalb er vom Screenreader unverständlich ausgegeben wird. * Alle Seiten: Einige Linktexte beschreiben nicht aussagekräftig das Linkziel bzw. den Linkzweck, z.B. die Sprachkürzel ("DE", "EN") in der Sprachauswahl und die programmatische Beschriftung der Seiten der Paginierung ("1", "2") auf der Suchseite.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden * Suchseite: Einige Inhalte beinhalten in der deutschen Sprachversion englischen Text und sind nicht auf Quellcodeebene als Inhalt mit abweichender Sprache ausgezeichnet, wie z.B. die Buttons "Previous page" und "Next page" der Paginierung.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden * Formularseite: Fehlermeldungen sind nicht korrekt ausgezeichnet, z.B. die zusammenfassende Statusmeldung zu fehlerhaften Formularelementen am Anfang des Formulars ist nicht durch eine Überschrift beschriftet und es werden keine Fehlermeldungen in Textform an den fehlerhaften Formularelementen angezeigt (diese werden nur durch rote Farbe und eine fette Rahmenlinie hervorgehoben).
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		nicht bestanden * Formularseite: Die zusammenfassende Statusmeldungen zu fehlerhaften Formularelementen über dem Formular ist nicht als Live-Region ausgezeichnet und wird nicht automatisch von Screenreadern ausgegeben.
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden * Das PDF-Dokument ist nicht PDF/UA-konform.

Bestanden

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		bestanden
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		bestanden
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		bestanden
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		bestanden
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		bestanden
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		bestanden
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		bestanden
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		bestanden
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		bestanden
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		bestanden
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden
WCAG 2.3.1
Blitzen wird vermieden 		bestanden
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		bestanden
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		bestanden
WCAG 2.4.7
Tastaturfokus ist sichtbar 		bestanden
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		bestanden
WCAG 2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		bestanden
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		bestanden
WCAG 3.1.1
Sprache ist ausgezeichnet 		bestanden
WCAG 3.2.1
Fokussierung führt nicht zu Kontextänderung 		bestanden
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		bestanden
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		bestanden
WCAG 3.2.4
Elemente sind konsistent bezeichnet 		bestanden
WCAG 3.3.2
Label enthalten Eingabehinweise 		bestanden
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		bestanden
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		bestanden
A.2
Feedback-Mechanismus ist vorhanden 		bestanden
A.3
Leichte Sprache ist vorhanden 		bestanden
A.4
Gebärdensprache-Video 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.

Jetzt via Steady unterstützen