Staatliches Gutachten zur digitalen Barrierefreiheit

www.adk.de/

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale A‑Erfolgskriterien für Screenreader-Nutzende (Alt-Texte, Struktur, Namen/Rollen/Werte, Tastaturbedienung, Fokus, Skip-Links, Formulare) werden nicht erfüllt, sodass wesentliche Inhalte und Funktionen nur eingeschränkt zugänglich sind.

Sehbehinderung Kaum nutzbar

Massive Kontrastprobleme, unvollständige Skalierbarkeit bei 200 % Vergrößerung, fehlender responsiver Umbruch, unsichtbarer Tastaturfokus und schwach hervorgehobene Steuerelemente erschweren die Nutzung deutlich.

Hörbehinderung Mit Hindernissen nutzbar

Untertitel und Audiodeskription sind überwiegend vorhanden, jedoch fehlen Alternativen für bestimmte Videos und ein Gebärdensprachangebot, was vor allem multimediale Inhalte einschränkt.

Motorische Behinderung Mit Hindernissen nutzbar

Zwar ist die Seite grundsätzlich tastaturbedienbar ohne Fallen, aber wichtige Steuerelemente (Carousel, Kalender) sind per Tastatur nicht erreichbar und der Fokus ist teils unsichtbar, was die Bedienung stark erschwert.

Lernbehinderung Kaum nutzbar

Es fehlen Leichte Sprache, Gebärdensprache, klare Fehlerkennzeichnung und ‑erklärung bei Formularen; zudem sind Struktur, Überschriften, Labels und sich bewegende Inhalte (Carousel ohne Stopp) problematisch.

Neurodivergenz Kaum nutzbar

Fehlende Pausierbarkeit des automatisch wechselnden Carousels, unklare Fokusreihenfolge, viele redundante Fokusstopps, schwache Struktur und Kontraste können Konzentration und Orientierung stark beeinträchtigen.

Veränderung

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

Dokumentierte Barrieren

  • Fehler im Formular sind schwer erkennbar

    Nach dem Absenden eines fehlerhaften Formulars wird die Fehlermeldung nur kurz eingeblendet und benennt das fehlerhafte Feld teilweise nicht eindeutig. Das fehlerhafte Feld ist außerdem weder visuell noch programmatisch klar markiert, und für die Sicherheitsabfrage erscheint bei falscher Antwort keine Fehlermeldung.

    Auswirkung: Ich weiß oft nicht, was genau falsch war und wo ich korrigieren muss. Dadurch kann ich das Formular unter Umständen nicht erfolgreich absenden.

  • Carousel und Kalender sind per Tastatur nicht bedienbar

    Auf der Startseite lassen sich die Pfeile des Carousels nicht mit der Tastatur erreichen. Auch die Monatswechsel im Kalender auf Start- und Inhaltsseiten sind nicht per Tastatur bedienbar.

    Auswirkung: Ich kann wichtige Seitenelemente nicht bedienen, wenn ich keine Maus nutze. Inhalte im Carousel oder im Kalender bleiben mir dann praktisch verborgen oder nur sehr umständlich erreichbar.

  • Cookie-Banner lässt sich nicht sofort schließen

    Der Cookie-Banner wird erst am Ende der Fokusreihenfolge erreicht. Dadurch kann er nicht direkt geschlossen werden und blockiert die Nutzung des Seiteninhalts unnötig lange.

    Auswirkung: Ich muss mich erst durch viele andere Elemente tabben, bevor ich den Banner wegklicken kann. Das verlangsamt den Einstieg erheblich und kann den Zugriff auf die Seite massiv stören.

  • Alt-Texte fehlen bei wichtigen Bildern und Symbolen

    Mehrere Bilder, Icons und grafische Bedienelemente haben keine passende alternative Beschriftung. Dazu gehören unter anderem Schließen-Buttons, Teaserbilder, Footer-Logo, Social-Media-Icons und ein CAPTCHA-Bild.

    Auswirkung: Ich kann Inhalte und Funktionen nicht zuverlässig erfassen, wenn ich Bilder nicht sehen kann. In manchen Fällen kann ich sogar notwendige Schritte wie das CAPTCHA nicht lösen.

  • Kontrastarme Texte und Bedienelemente erschweren das Lesen

    Mehrere Texte, Formularbeschriftungen, Links und Bedienelemente haben zu wenig Kontrast zum Hintergrund. Auch Carousel-Elemente und Eingabefelder sind visuell schlecht abgesetzt.

    Auswirkung: Ich kann Texte und Bedienelemente schlechter erkennen, besonders bei Sehschwäche oder bei ungünstigen Lichtverhältnissen. Dadurch wird Lesen, Auswählen und Bedienen deutlich anstrengender.

  • Vergrößerte Darstellung schneidet Footer-Inhalte ab

    Bei 200% Schriftvergrößerung ist der rechte Bereich des Footers nicht vollständig sichtbar. Inhalte können dadurch abgeschnitten oder nur mit zusätzlichem Aufwand erreichbar sein.

    Auswirkung: Wenn ich größere Schrift brauche, kann ich Footer-Informationen nicht vollständig lesen oder erreichen. Das kann wichtige Links oder Kontaktinformationen unzugänglich machen.

  • Aktuelle Position in der Navigation ist nicht klar erkennbar

    Die aktive Seite in der linken Navigation ist für Screenreader-Nutzende nicht wahrnehmbar. Zusätzlich sind Navigationsbereiche nicht eindeutig beschriftet und der Hauptbereich ist nicht sauber ausgezeichnet.

    Auswirkung: Ich weiß nicht immer, wo ich mich gerade befinde. Das erschwert die Orientierung und kann dazu führen, dass ich mich in der Seitenstruktur verliere.

  • Videoinhalte haben keine ausreichende Alternative

    Für ein Video wird keine alternative Darstellung bereitgestellt. Damit fehlen Nutzenden ohne Zugang zum Video die inhaltlichen Informationen.

    Auswirkung: Wenn ich das Video nicht nutzen kann, verpasse ich die dort vermittelten Inhalte vollständig. Das betrifft besonders Nutzerinnen und Nutzer, die auf Alternativen angewiesen sind.

  • Linktexte und Fokuszustände sind teilweise unverständlich oder unsichtbar

    Einige Links sind nur als „Link“ oder mit unklaren Bezeichnungen wahrnehmbar, etwa Social-Media-Icons oder der Nach-oben-Link mit „Scroll“. Außerdem ist der Tastaturfokus auf mehreren Elementen nicht sichtbar.

    Auswirkung: Ich kann nicht sicher erkennen, welches Element ich ausgewählt habe oder wohin ein Link führt. Das erhöht die Gefahr von Fehlbedienungen erheblich.

  • Suchfeld nur mit Platzhalter beschriftet

    Das Suchfeld ist nur über einen Placeholder-Text erkennbar. Sobald ich etwas eingebe oder der Text verschwindet, fehlt eine verlässliche Beschriftung.

    Auswirkung: Ich kann leichter verwechseln, wofür das Feld gedacht ist, vor allem mit Screenreader oder bei eingeschränkter Aufmerksamkeit. Das erschwert die Suche und kann zu Eingabefehlern führen.

  • Mobile Ansicht bricht Inhalte nicht sauber um

    Bei kleiner Bildschirmbreite werden Inhalte teilweise nicht in ein einspaltiges Layout umgebrochen, sondern verkleinert dargestellt. Dadurch bleiben Inhalte schwer lesbar und bedienbar.

    Auswirkung: Auf dem Smartphone muss ich zoomen und horizontal nachsehen, statt bequem zu lesen. Das macht die Nutzung deutlich mühsamer und unübersichtlicher.

  • Automatisch wechselndes Carousel lenkt ab und ist nicht stoppbar

    Das Carousel auf der Startseite wechselt automatisch und kann nicht pausiert oder gestoppt werden. Außerdem sind die Pagination-Elemente für Tastatur- und Screenreader-Nutzende problematisch.

    Auswirkung: Ich kann mich schlechter auf Inhalte konzentrieren, weil sich die Seite ständig verändert. Für mich werden einzelne Informationen schnell überdeckt oder schwer erfassbar.

  • Sprunglinks fehlen, lange Seiten sind mühsam zu navigieren

    Wiederkehrende Bereiche lassen sich nicht per Skip-Link überspringen. Dadurch müssen Nutzende sich immer wieder durch dieselben Navigationselemente arbeiten.

    Auswirkung: Ich brauche deutlich länger, um zum eigentlichen Inhalt zu gelangen. Das ist besonders für Tastatur- und Screenreader-Nutzende anstrengend.

  • Leichte Sprache und Gebärdensprache fehlen

    Es gibt keine Angebote in Leichter Sprache und kein Gebärdensprachvideo. Dadurch fehlen wichtige Zugänge für Personen mit kognitiven oder auditiven Verständnisschwierigkeiten.

    Auswirkung: Ich kann wichtige Informationen möglicherweise nicht gut genug verstehen. Besonders bei komplexen Inhalten oder Behördeninformationen kann das den Zugang stark einschränken.

  • Formularfelder sind nicht sauber mit gespeicherten Eingaben verbunden

    Die Formularfelder für Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet. Dadurch kann der Browser Eingaben nicht zuverlässig automatisch ergänzen oder wiederverwenden.

    Auswirkung: Ich muss Daten häufiger manuell eintippen. Das kostet Zeit und erhöht die Wahrscheinlichkeit von Eingabefehlern.

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 115.0.5790.171
Screenreader
NVDA 2022.4
Tools
NVDA

Veränderung nach WCAG-Kriterien

08.08.2023 Vereinfachte Überwachung
angezeigtes 22 nicht bestanden 1 weitgehend 31 bestanden
19.02.2021 Vereinfachte Überwachung Gutachten ansehen
17 nicht bestanden 2 weitgehend 36 bestanden
Vergleich der Prüfergebnisse nach Prüfungsdatum und Prüfart
Prüfungsdatum Prüfart Abweichende Prüfart Nicht bestanden Im Wesentlichen bestanden Bestanden
08.08.2023 Vereinfachte Überwachung Nein 22 1 31
19.02.2021 Vereinfachte Überwachung Nein 17 2 36
  • https://www.adk.de/de/suche/suchergebnisse.htm?we_lv_search_adk_de_suche=Akademie&securityToken=adac2b14fae9800926d05683aa2de3a6
  • https://www.adk.de/de/kontakt/ Weitere Gutachten vorhanden
  • https://www.adk.de/de/programm/index.htm?filter=34087
  • https://www.adk.de/de/akademie/junge-akademie/
  • https://www.adk.de/de/presse/pressedossiers/adk23_KKP_Macht_Raum_Gewalt_Pressedossier_DE.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden Startseite: Das grafische Bedienelement zum Schließen des Info-Banners hat keine Beschriftung. Startseite: Für die Navigationpfeile des Carousels wird kein Alternativtext ausgegeben. Startseite, Inhaltsseite: Die Teaserbilder haben kein Alt-Attribut. Formularseite: Für das CAPTCHA-Bild wird keine alternative Ausgabe bereitgestellt. Alle Seiten: Das grafische Bedienelement zum Schließen des Cookie-Banners hat keine Beschriftung. Alle Seiten: Das Logo im Footer hat keinen Alternativtext. Alle Seiten: Die Social-Media Icons sind nur über ein title-Attribut beschriftet und werden in der Screenreader-Elementliste als "unbeschriftet" und beim linearen Lesen nur mit "Link" ausgegeben. Alle Seiten: Für das Icon "behindertengerecht" im Footer wird kein Alternativtext ausgegeben.
Aufgezeichnete Video-Inhalte besitzen Alternativen nicht bestanden Videoseite: Für das Video wird keine Alternative bereitgestellt.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Startseite: Auf der Seite ist keine Hauptüberschrift der Ebene 1 ausgezeichnet. Startseite: Die Überschriften "Neuigkeiten aus der Akademie" und "Vorschau" sind nicht als Überschrift ausgezeichnet. Startseite: Die Listenpunkte unter "Neuigkeiten aus der Akademie" werden als h2-Überschriften ausgegeben. Startseite: Überschriften auf der rechten Seite bspw. "Veranstaltungskalender" werden als h3-Überschriften ausgegeben. Startseite: Im Hochkontrastmodus ist das aktive Carouselelement in der Pagination nicht erkennbar. Suchseite: Die Suchergebnisse werden als h3-Überschriften ausgegeben. Formularseite: Für das Eingabefeld "Telefon" ist die Beschriftung nicht korrekt verknüpft. Inhaltsseite: Die h1-Überschrift "Im Folgenden finden Sie die digitalen Angebote der Akademie der Künste." wird am Ende des Inhaltsbereiches ausgegeben. Startseite, Inhaltsseite: In der Tabelle "Kalender" sind die Spaltenüberschriften (Wochentage) nicht korrekt als th-Elemente ausgezeichnet. Alle Seiten: Die Navigationen sind nicht durch ein aria-label eindeutig beschriftet. Alle Seiten: Der Inhaltsbereich ist nicht durch <main> ausgezeichnet. Alle Seiten: Links (Kontakt, Newsletter, ...) im Footer sind nicht als Listen ausgezeichnet.
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.
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden Startseite, Inhaltsseite: Der Kontrastabstand von dem lila Text zum weißen Hintergrund ist mit 4,07:1 zu gering. Formularseite: Der Kontrastabstand von dem grauen Formularbeschriftungen zum weißen Hintergrund ist mit 2,61:1 zu gering. Inhaltsseite: Der Kontrastabstand von dem grauen Navigationselementen (links) und dem Link "Termin speichern" zum weißen Hintergrund ist mit 2,61:1 zu gering. Inhaltsseite: Der Kontrastabstand der roten Texte zum weißen Hintergrund ist mit 4:1 zu gering. Alle Seiten: Der Kontrastabstand von dem weißem Text zum lila Hintergrund (bspw. im Footer) ist mit 4,07:1 zu gering. Alle Seiten außer Suchseite: Der Kontrastabstand von dem grauen Placeholder-Text im Sucheingabefeld zum hellgrauen Hintergrund ist zu gering.
Schriftgröße kann angepasst werden nicht bestanden Alle Seiten: Bei einer Schriftvergrößerung auf 200% ist der rechte Bereich des Footers nicht vollständig sichtbar.
Inhalte brechen in einspaltiges Layout um nicht bestanden Alle Seiten: Bei einer mobilen Gerätesimulation (320px Breite) werden Inhalte teilweise nicht in ein einspaltiges Layout umgebrochen, sondern verkleinert dargestellt.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden Startseite: Der Kontrastabstand der grauen Carousel-Bedienelemente (vor/zurück) zum farbigen Hintergrund ist zu gering. Formularseite: Der Kontrastabstand der grauen Eingabefelder, der Rahmen der Auswahlliste und des grauen Buttons zum weißen Hintergrund ist zu gering.
Tastaturbedienbarkeit ist gegeben nicht bestanden Startseite: Die Navigationpfeile des Carousels sind mit der Tastatur nicht erreichbar und bedienbar. Startseite, Inhaltsseite: Die Pfeile im Kalender zum Wechsel der Monate sind mit der Tastatur nicht erreichbar und bedienbar.
Automatisch gestartete Animationen sind steuerbar nicht bestanden Startseite: Das automatisch wechselnde Carousel kann nicht pausiert bzw. gestoppt werden.
Wiederkehrende Bereiche können übersprungen werden nicht bestanden Alle Seiten: Inhalte bzw. Bereiche können nicht mit Skip-Links oder Accesskeys übersprungen werden.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden Startseite: Es bekommen alle Carouselelemente den Fokus, auch wenn diese noch nicht sichtbar sind. Startseite: Unter den Inhaltsteasern erhalten drei Links (Bild, h2-Überschrift und "mehr") den Fokus, welche auf das gleiche Ziel verweisen. Inhaltsseite: Unter den Inhaltsteasern erhalten zwei Links (Bild und h2-Überschrift) den Fokus, welche auf das gleiche Ziel verweisen. Startseite, Inhaltsseite: Es muss durch alle Tage im Kalender mit der Tab-Taste navigiert werden um den nachfolgenden Inhalt zu erreichen. Alle Seiten: Der Cookie-Banner wird erst am Ende der Seite fokussiert. Dadurch kann dieser nicht sofort geschlossen werden. Alle Seiten: Die Inhalte des Cookie-Banners bekommen den Fokus, auch wenn dieser ausgeblendet ist.
Überschriften und Label beschreiben Thema oder Zweck nicht bestanden Startseite, Suchseite: Der Nach-oben-Link ist mit "Scroll" nicht aussagekräftig.
Tastaturfokus ist sichtbar nicht bestanden Startseite: Der Tastaturfokus ist auf den Elementen der Carousel-Pagination nicht sichtbar. Formularseite: Der Tastaturfokus ist auf der Auswahlliste "Anrede" und auf dem Button "Senden" nicht sichtbar. Inhaltsseite: Bekommt der Link "Termin speichern" den Fokus, wird der Linktext nicht angezeigt. Alle Seiten: Der Tastaturfokus ist auf den Elementen im Cookie-Banner nicht sichtbar.
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet nicht bestanden Startseite: Die Linktexte für die Carousel-Pagination werden bspw. mit "Page 1" ausgegeben. Alle Seiten außer Formularseite: Einige englische Texte sind nicht korrekt ausgezeichnet.
Fehlermeldungen sind in Textform vorhanden nicht bestanden Formularseite: Nach Absenden eines fehlerhaften Formulars, wird die Fehlermeldung nur für wenige Sekunden als Tooltip am ersten fehlerhaften Feld angezeigt. Es benennt teilweise nicht das fehlerhafte Feld. Das fehlerhafte Feld ist visuell und programmatisch (aria-invalid) nicht wahrnehmbar. Wird eine fehlerhafte Antwort auf die Sicherheitsabfrage eingegeben, wird keine Fehlermeldung ausgegeben.
Label enthalten Eingabehinweise nicht bestanden Alle Seiten: Das Sucheingabefeld ist nur mit einem Placeholder-Text beschriftet.
Syntaxspezifikationen sind erfüllt nicht bestanden Inhaltsseite: Es tritt ein Syntaxfehler (Element p not allowed as child of element h1 in this context.) auf.
Name, Rolle und Wert sind identifizierbar nicht bestanden Startseite: Das Carousel ist für blinde Nutzer nicht als solches erkennbar. Inhaltsseite: Die aktive Seite ist in der linken Navigation für Screenreader-Nutzer nicht wahrnehmbar.
A.3
Leichte Sprache ist vorhanden
nicht bestanden Leichte Sprache ist nicht vorhanden.
A.4
Gebärdensprache-Video ist vorhanden
nicht bestanden Gebärdensprache-Video ist nicht vorhanden.
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 Startseite: Im Titel fehlt die individuelle Seitenbezeichnung.

Bestanden

Kriterium Status Notizen
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Audio-Inhalte besitzen Untertitel 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
Farbe ist nicht einziger Informationsträger bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Textabstände sind anpassbar bestanden
Bei Fokussierung eingeblendete 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
Linkzweck ist verständlich (im Kontext) 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
A.1
Erklärung zur Barrierefreiheit ist vorhanden
bestanden Erklärung zur Barrierefreiheit ist vorhanden.
A.2
Feedback-Mechanismus ist vorhanden
bestanden Feedback-Mechanismus ist vorhanden.

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.