www.giz.de

Website nicht konform Prüfung vom 14.07.2025 ID: #1056

Politik öffentliche Einrichtung

Prüfbericht herunterladen (PDF)

Kurzzusammenfassung

Auftraggeber: Deutsche Gesellschaft für Internationale Zusammenarbeit (GIZ) GmbH
Prüforganisation: Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Stadt: Berlin
Prüfart: Vereinfachte Überwachung

Technische Umgebung

OS: Windows 11
Browser: Chrome Version 137.0.7151.122 (Offizieller Build) (64-Bit)
Screenreader: NVDA 2024
Auflösung:
Tools: Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

Blindheit

Mit Hindernissen nutzbar

Zahlreiche Fehler bei Name, Rolle, Wert, Fokus-Reihenfolge, Linkzwecken und Überschriften machen Screenreader-Nutzung zwar möglich, aber erheblich erschwert.

Sehbehinderung

Kaum nutzbar

Eingeschränkte Zoomfunktion, unscharfes Logo bei Vergrößerung und fehlende Steuerung bewegter Inhalte beeinträchtigen die Nutzung deutlich.

Hörbehinderung

Mit Hindernissen nutzbar

Fehlende oder unzureichende Untertitel für Videos und keine Gebärdensprachangebote schränken den Zugang zu Multimedia-Inhalten stark ein, andere Inhalte sind aber nutzbar.

Motorische Behinderung

Mit Hindernissen nutzbar

Tastaturbedienung ist wegen Problemen bei Fokusführung, Schließen von Untermenüs und Slider-Steuerung deutlich behindert, aber nicht vollständig verhindert.

Lernbehinderung

Kaum nutzbar

Unklare Linktexte, komplizierte Navigations- und Menüstrukturen sowie fehlende Zusatzangebote in Leichter Sprache erschweren Orientierung und Verständnis stark.

Neurodivergenz

Kaum nutzbar

Automatisch laufende Slider ohne gut bedienbare Pause-Funktion, komplexe Menüs und lange Linktexte können stark ablenken und überfordern, bleiben aber prinzipiell bedienbar.

Wahrscheinliche Barrieren

Barriere	Auswirkung	Melden
Untermenüs und Hauptnavigation nicht zuverlässig per Tastatur steuerbar Beim Öffnen und Schließen von Untermenüs wird der Fokus nicht sauber geführt. Auch tiefe Menüebenen und Zustände wie geöffnet oder geschlossen sind nicht verlässlich für Screenreader und Tastatur nutzbar.	Ich kann mich mit der Tastatur leicht im Menü verlieren oder lande an der falschen Stelle. Das macht die Navigation mühsam und kann mich davon abhalten, zentrale Seitenbereiche zu erreichen.	Melden
Videos ohne Untertitel Auf der Website gibt es aufgezeichnete Videos, für die keine Untertitel bereitgestellt werden. Gesprochene Inhalte und wichtige Geräusche sind dadurch nicht verlässlich erfassbar.	Ich kann die Videoinhalte nicht vollständig verstehen, wenn ich den Ton nicht hören kann oder in einer lauten Umgebung bin. Wichtige Informationen aus dem Video gehen mir sonst verloren.	Melden
Hover-Inhalte und Untermenüs schwer schließbar Einblendungen bei Hover oder Fokus, etwa Untermenüs, lassen sich nicht zuverlässig per Escape schließen. Der Fokus kehrt danach auch nicht sicher zum auslösenden Element zurück.	Ich kann in eingeblendeten Bereichen festhängen oder den Überblick verlieren. Das macht Tastaturbedienung unnötig kompliziert und fehleranfällig.	Melden
Automatisch laufender Slider nicht gut kontrollierbar Der Slider läuft automatisch und bietet keine ausreichend zugängliche Pause- oder Stop-Funktion. Zusätzlich sind Rollen, Beschriftungen und Fokusverhalten nicht sauber umgesetzt.	Ich kann wechselnde Inhalte schwer lesen oder gezielt auswählen, weil sie mir wegspringen. Das lenkt mich ab und macht die Nutzung des Startbereichs unnötig anstrengend.	–
Videos ohne Audiodeskription Bei den aufgezeichneten Videos fehlen Audiodeskription oder eine gleichwertige Textalternative. Visuelle Informationen werden damit nicht ausreichend beschrieben.	Ich verpasse wichtige Bildinhalte, wenn ich auf Beschreibungen angewiesen bin. Dadurch kann ich den Inhalt oder Zweck des Videos nur unvollständig erfassen.	–
Unklare Linktexte in Suchergebnissen und Inhaltskacheln Mehrere Links enthalten zu viele Zusatzinformationen oder umschließen ganze Inhaltsbereiche statt nur den eigentlichen Titel. Dadurch ist der Linkzweck im Kontext nicht immer klar.	Ich muss Links häufiger erraten oder mehrfach anhören, um ihr Ziel zu verstehen. Das verlangsamt die Suche nach passenden Inhalten deutlich.	–
Zoom und Vergrößerung nur eingeschränkt nutzbar Die Website erlaubt Vergrößerung auf mobilen Geräten nur eingeschränkt, und das Logo bleibt bei starker Vergrößerung unscharf oder schlecht lesbar. Dadurch wird die Nutzung bei hohem Zoom unnötig erschwert.	Ich kann Texte und Bedienelemente nicht so weit vergrößern, wie ich es brauche, oder erkenne Inhalte schlechter. Das belastet mich besonders bei Sehschwäche.	–
Sprachauswahl nicht ausreichend erkennbar Der Sprachumschalter ist für assistive Technologien nicht klar als zusammengehörige Funktion erkennbar. Die Bedienung wirkt dadurch für Screenreader-Nutzende unnötig unklar.	Ich kann die Sprachwahl schwerer finden und sicher bedienen. Das erschwert mir den Wechsel in die für mich passende Sprachversion.	–
Überschriftenstruktur nicht konsistent Die Seitenstruktur enthält leere oder unpassend verschachtelte Überschriften. Dadurch ist die inhaltliche Gliederung für Screenreader nicht sauber nachvollziehbar.	Ich kann mich schwerer orientieren und Bereiche nicht schnell überspringen. Besonders auf längeren Seiten kostet mich das viel Zeit und Übersicht.	–
Suche liefert keinen klaren Fokus nach dem Auslösen Nach dem Starten der Suche wird der Fokus nicht verlässlich auf das Suchfeld oder den Ergebnisbereich gesetzt. Auch der Suchbereich selbst ist für assistive Technologien nicht klar genug ausgezeichnet.	Ich weiß nach der Suche nicht sofort, ob etwas passiert ist oder wo ich mich jetzt befinde. Das kostet mich Zeit und kann dazu führen, dass ich Ergebnisse übersehe.	–
Bedienelemente von Videos nicht eindeutig benannt Die Play-Schaltflächen für Videos haben keinen präzisen, inhaltlich eindeutigen Namen. Für Screenreader ist dadurch nicht klar, welches Video gemeint ist.	Ich muss die Schaltflächen erst prüfen, bevor ich weiß, was sich abspielen lässt. Das erschwert mir den gezielten Zugriff auf einzelne Medien.	–
Ergänzende barrierefreie Informationsangebote fehlen Es fehlen Links zu Inhalten in Deutscher Gebärdensprache, in Leichter Sprache und eine formell geprüfte Barrierefreiheitserklärung. Damit fehlen wichtige Zusatzangebote für unterschiedliche Nutzerbedürfnisse.	Ich finde keine vereinfachten oder besonders gut zugänglichen Informationen, wenn ich diese brauche. Das erschwert mir das Verständnis der Website und meiner Rechte erheblich.	–

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.

Getestete Angebote

Webangebot öffnen

https://www.giz.de/de/html/index.html
https://www.giz.de/de/suche/suchergebnisse.aspx?query=Fortbildung&send_button_search=Suchen
https://www.giz.de/de/ueber_die_giz/1689.html
https://www.giz.de/de/downloads/giz2023-de-compliance-jahresbericht-2022.pdf

Empfehlung & Status

Die im Bericht dokumentierten Fehler müssen behoben werden, insbesondere vollständige Alternativen für Medien bereitstellen, die Navigations- und Fokussteuerung verbessern, Slidersteuerung und Linktexte korrigieren sowie fehlende Zusatzangebote in Deutscher Gebärdensprache, Leichter Sprache und eine formell geprüfte Barrierefreiheitserklärung ergänzen.

Prüfkriterien

Nicht bestanden

Kriterium	Status	Notizen
9.1.1.1 Nicht-Text-Inhalt	nicht bestanden	Alternativtext des Logos auf die vollständige Organisationsbezeichnung erweitern, z. B. „Logo der Deutschen Gesellschaft für Internationale Zusammenarbeit (GIZ) GmbH“, damit der Absender klar kommuniziert wird.
9.1.2.2 Untertitel (aufgezeichnet)	nicht bestanden	Synchronisierte Untertitel bereitstellen, die alle gesprochenen Inhalte sowie relevante nonverbale Geräusche enthalten und sich über ein zugängliches Steuerelement aktivieren lassen.
9.1.2.3 Audiodeskription oder Medienalternative (aufgezeichnet)	nicht bestanden	Audiodeskription oder Volltext-Alternative anbieten, die alle visuellen und akustischen Inhalte des eingebetteten Videos beschreibt, oder bei fehlenden relevanten visuellen Inhalten einen Hinweis liefern.
9.1.2.5 Audiodeskription (aufgezeichnet)	nicht bestanden	Audiodeskription zentraler visueller Inhalte als separate Spur oder integrierte Beschreibung in Dialogpausen liefern oder bei inhaltlich unwichtigen visuellen Informationen einen entsprechenden Hinweis anbieten.
9.1.3.1 Info und Beziehungen (Sprachumschaltung)	nicht bestanden	Sprachumschalter in semantisch ausgezeichnete Gruppe mit aussagekräftiger Beschriftung (z. B. aria-labelledby) einbetten, damit assistive Technologien die Funktionseinheit erkennen.
9.1.3.1 Info und Beziehungen (visuelle Hierarchie Untermenü)	nicht bestanden	Programmgesteuerte Hinweise wie aria-haspopup und aria-expanded ergänzen, damit die visuelle Kennzeichnung weiterer Untermenüs auch für Screenreader nutzbar wird.
9.1.3.1 Info und Beziehungen (Sliderrolle)	nicht bestanden	Slider in semantisches Container-Element (z. B. role="region") mit beschreibender Beschriftung (aria-label / aria-labelledby) fassen, um seine Funktion programmatisch zu vermitteln.
9.1.3.1 Info und Beziehungen (Überschriftenhierarchie)	nicht bestanden	Konsistente H1-H2-H3-Struktur mit sinnvoll eingesetzten Hierarchieebenen aufbauen und leere Überschriften entfernen, um Orientierung mit Screenreadern zu gewährleisten.
9.1.3.1 Info und Beziehungen (Fortschrittsbalken Slider)	nicht bestanden	Zeitlichen Ablauf des Sliders auch programmatisch abbilden (Live-Region oder passende ARIA-Attribute), damit Screenreader-Nutzende über automatische Umblenden informiert werden.
9.1.4.4 Textgröße ändern (Zoomfunktion)	nicht bestanden	maximum-scale=1 aus dem viewport-Tag entfernen und stattdessen die Konfiguration width=device-width, initial-scale=1 verwenden, damit mobile Geräted mehrere Zoomstufen zulassen.
9.1.4.4 Textgröße ändern (Skalierbarkeit des Logos)	nicht bestanden	Logo beim Vergrößern (200 % Zoom) so skalieren, dass es scharf bleibt und lesbar bleibt; ggf. höher aufgelöstes Bild verwenden oder CSS so anpassen, dass Text im Logo nicht verzerrt wird.
9.1.4.13 Eingeblendeter Inhalt bei Darüberschweben (Hover) oder Fokus	nicht bestanden	Untermenüs über Escape schließbar machen und Schließen-Schaltflächen unmittelbar fokussierbar platzieren, der Fokus soll nach Schließen wieder auf das auslösende Element zurückkehren.
9.2.2.2 Pausieren, stoppen, ausblenden	nicht bestanden	Funktionale, per Tastatur bedienbare Steuerung zum Pausieren/Stoppen der automatisch laufenden Slider anbieten und visuellen Hinweis auf Steuerung bereitstellen.
9.2.4.3 Fokus-Reihenfolge (Untermenü öffnen)	nicht bestanden	Fokus nach Öffnen eines Untermenüs direkt auf das erste interaktive Element in diesem Untermenü setzen, z. B. durch Fokussteuerung oder passende DOM-Positionierung.
9.2.4.3 Fokus-Reihenfolge (tiefe Menüebenen)	nicht bestanden	Nach dem Öffnen eines Menüs der dritten Ebene den Fokus unmittelbar auf die erste Bedieneinheit dieses Menüs setzen, z. B. durch DOM-Reihenfolge oder gezielte Skriptsteuerung.
9.2.4.3 Fokus-Reihenfolge (Schließen Untermenü)	nicht bestanden	Beim Schließen eines Untermenüs den Fokus zuverlässig auf das auslösende Obermenü-Element zurückführen, um eine nachvollziehbare Navigation zu sichern.
9.2.4.3 Fokus-Reihenfolge (Slider-Navigation)	nicht bestanden	Fokus nach Betätigung der Slider-Navigation innerhalb des Sliders belassen, idealerweise auf das neu eingeblendete Inhalteelement oder eine sinnvolle Bedieneinheit.
9.2.4.3 Fokus-Reihenfolge (Suche auslösen)	nicht bestanden	Nach Auslösen der Suche den Fokus programmatisch auf das Suchfeld oder den Suchergebnisbereich setzen, um einen konsistenten Tastaturfluss zu gewährleisten.
9.2.4.4 Linkzweck (im Kontext) (Suchergebnisse)	nicht bestanden	Den klickbaren Bereich auf aussagekräftige Überschriften reduzieren und Zusatzinformationen wie Vorschautext außerhalb der Links platzieren, sodass Linktexte kurz und verständlich bleiben.
9.2.4.4 Linkzweck (im Kontext) (Aktuelles)	nicht bestanden	Artikel im Bereich „Aktuelles“ auf kurze Linkbeschriftungen beschränken (z. B. Überschrift oder „Mehr erfahren“), um Screenreader-Aussagen nicht unnötig zu verlängern.
9.2.4.4 Linkzweck (im Kontext) (Slider-Elemente)	nicht bestanden	Jeden Artikel im Slider unabhängig innerhalb eines eigenen Links platzieren und sicherstellen, dass tabindex nur dieses Linkelement adressiert, damit einzelne Inhalte getrennt angesprochen werden.
9.2.4.4 Linkzweck (im Kontext) (Artikellinktexte)	nicht bestanden	Linktext auf die konkrete Überschrift beschränken und ergänzende Inhalte wie Bild, Datum und Vorschautext außerhalb des Links belassen, damit die Linkansage prägnant bleibt.
9.2.4.4 Linkzweck (im Kontext) (kompletter Abschnitt)	nicht bestanden	Klickbaren Bereich auf zentrale, aussagekräftige Information (z. B. Titel) beschränken und unterstützende Inhalte außerhalb des Links belassen, um Linktexte verständlich zu halten.
9.2.4.4 Linkzweck (im Kontext) (Fakten und Zahlen)	nicht bestanden	Informationsblöcke „Fakten und Zahlen“ so strukturieren, dass jeder Block einen eigenen Fokuspunkt besitzt und nicht mehrfach gemeinsam fokussierbar ist; gemeinsame tabindex-Attribute entfernen.
9.2.4.6 Überschriften und Beschriftungen (Labels)	nicht bestanden	Slider-Bedienelemente mit konsistenter, eindeutiger Beschriftung wie „nächster Slide“ / „voriger Slide“ versehen, um den Funktionszweck eindeutig zu vermitteln.
9.4.1.2 Name, Rolle, Wert (Navigation)	nicht bestanden	Navigation um aria-haspopup, aria-expanded und aria-controls erweitern oder auf strukturiertes Button-Layout wechseln, damit Screenreader die interaktive Navigation verstehen.
9.4.1.2 Name, Rolle, Wert (aria-current)	nicht bestanden	Das aktuell aktive Menüelement mit aria-current="page" auszeichnen, damit die Position innerhalb der Navigation für assistive Technologien klar erkennbar ist.
9.4.1.2 Name, Rolle, Wert (Suchfunktion)	nicht bestanden	„Suchen“-Button um aria-expanded, aria-controls oder eine Umschaltrolle ergänzen und den gesteuerten Bereich eindeutig referenzieren, damit das Ein-/Ausblenden verständlich wird.
9.4.1.2 Name, Rolle, Wert (Videosteuerung)	nicht bestanden	Jedes Video-Play-Steuerelement mit präzisem Accessible Name wie „Video abspielen: Titel“ (aria-label bzw. beschreibender Text) versehen, damit die Funktion der Schaltfläche klar wird.
Zusatzkriterien Deutsche Gebärdensprache / Leichte Sprache / Barrierefreiheitserklärung	nicht bestanden	Links zu Informationen in Deutscher Gebärdensprache, Leichter Sprache und die Barrierefreiheitserklärung (inkl. formaler Prüfung) bereitstellen, um die ergänzenden Kriterien zu erfüllen.

Kurzzusammenfassung

Technische Umgebung

KI-Schnellcheck zur Nutzbarkeit ✨

Wahrscheinliche Barrieren

Getestete Angebote

Empfehlung & Status

Prüfkriterien

Nicht bestanden

KI-Schnellcheck zur Nutzbarkeit