Staatliches Gutachten zur digitalen Barrierefreiheit

www.programm-altersbilder.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale WCAG-A-Fehler (Alternativtexte, Struktur, Lesereihenfolge, Skiplinks, Fokusreihenfolge, Formulardialoge, ARIA) erschweren Screenreader-Nutzung deutlich, machen sie aber nicht vollständig unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Gute Skalierbarkeit, aber teils gravierende Farb- und Fokuskontrastprobleme sowie eingeschränkte Responsivität bei starker Vergrößerung beeinträchtigen die Nutzung deutlich.

Hörbehinderung Fast barrierefrei

Alle relevanten AV-Kriterien mit Untertiteln/Alternativen sind bestanden, sodass Hörbeeinträchtigung die Nutzung kaum einschränkt.

Motorische Behinderung Weitgehend zugänglich

Tastaturbedienung und Zeigereingaben sind grundsätzlich gut unterstützt, nur nicht funktionierende Skiplinks und teils unsichtbarer Fokus bremsen effiziente Nutzung.

Lernbehinderung Mit Hindernissen nutzbar

Konsistente Navigation, leichte Sprache und klare Labels helfen, aber Fehlerbehandlung im Formular, unklare Seitentitel und Slider-Verhalten können Verständnis und Aufgabenbearbeitung erschweren.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende funktionierende Skiplinks, lebende Slider-Inhalte und suboptimale Fokusführung können Konzentration und Orientierung stören, bei insgesamt ansonsten recht stabiler Struktur.

Dokumentierte Barrieren

  • Formularfehler werden nicht verlässlich angekündigt

    Bei Pflichtfeldern und ungültigen E-Mail-Adressen erscheinen Fehlermeldungen nicht dauerhaft oder werden vom Screenreader nicht angekündigt. Fehlerfelder sind zudem visuell nicht eindeutig hervorgehoben und der Fokus springt nicht zum fehlerhaften Feld.

    Auswirkung: Ich merke eventuell nicht, dass ein Formular fehlerhaft ist oder welches Feld ich korrigieren muss. Dadurch kann ich Kontakt- oder Eingabeformulare nicht sicher abschicken.

  • Fokusreihenfolge und Fokusanzeige sind teilweise unzuverlässig

    Der Tastaturfokus landet an mehreren Stellen in einer unpraktischen Reihenfolge, etwa auf mehrfachen Elementen eines einzelnen Teasers oder auf nicht sichtbarem Text vor der Hauptnavigation. Außerdem ist der Fokus auf bestimmten Kacheln und Social-Buttons nicht sichtbar.

    Auswirkung: Ich verliere leichter die Orientierung, weil ich nicht erkenne, wo ich gerade bin und wohin die nächste Tab-Taste führt. Für reine Tastaturbedienung kann das einzelne Funktionen praktisch unauffindbar machen.

  • Struktur und Überschriften sind nicht zuverlässig erkennbar

    Auf mehreren Seiten fehlen korrekte Hauptüberschriften, Überschriftenebenen sind falsch gesetzt und einige Bereiche werden von Screenreadern als Listen oder Gruppen ausgegeben, obwohl sie anders gemeint sind. Auch das Cookie-Banner und Untermenüs sind strukturell nicht sauber ausgezeichnet.

    Auswirkung: Ich kann mich als Screenreader-Nutzer schlechter durch die Seite orientieren und Inhalte nicht schnell über Überschriften erschließen. Das macht es mühsamer, passende Informationen zu finden und zwischen Bereichen zu springen.

  • Wichtige Navigationssprünge sind nicht nutzbar

    Die Skip-Links zur Hauptnavigation und zum Hauptinhalt funktionieren nicht. Damit lässt sich der wiederkehrende Seitenaufbau nicht zuverlässig überspringen.

    Auswirkung: Ich muss mich auf jeder Seite erneut durch wiederkehrende Bereiche arbeiten. Das kostet viel Zeit und macht die Bedienung besonders mit Tastatur oder Screenreader anstrengend.

  • PDF ist nicht barrierefrei nutzbar

    Das bereitgestellte PDF-Dokument ist nicht PDF/UA-konform. Damit ist davon auszugehen, dass es für Screenreader und andere Hilfstechnologien nur eingeschränkt nutzbar ist.

    Auswirkung: Wenn ich auf das PDF angewiesen bin, kann ich Inhalte möglicherweise nicht zuverlässig lesen oder strukturiert erfassen. Das betrifft vor allem Menschen, die Dokumente mit Vorlese- oder Navigationshilfen nutzen.

  • Fehlende oder unbeschriftete Bedienelemente für Bildslider und Teilen

    Mehrere grafische Bedienelemente sind nicht sinnvoll beschriftet, darunter die Pause/Start-Buttons des Sliders, die Teilen-Buttons sowie der Nach-oben-Button. Dadurch ist ihre Funktion für assistive Technologien und teils auch visuell nicht eindeutig erkennbar.

    Auswirkung: Ich kann nicht sicher erkennen, wofür ein Button da ist oder ob ich den Slider anhalten kann. Wenn ich auf Vorlesen oder Tastatur angewiesen bin, erschwert mir das die Bedienung und Orientierung deutlich.

  • Kontrast von Text und Bedienelementen ist teils zu gering

    Mehrere Bedienelemente und Texte haben zu wenig Kontrast, etwa Slider-Buttons, ein Link im Teaser und der aktive Menüpunkt. Auch Nicht-Text-Elemente wie Pfeile im Slider und der Nach-oben-Button sind schlecht sichtbar.

    Auswirkung: Ich erkenne wichtige Schaltflächen und Zustände schlechter, vor allem bei Sehschwäche oder im Sonnenlicht. Dadurch kann ich Funktionen übersehen oder unsicher bedienen.

  • Eingabefelder und aktive Zustände sind bei Vergrößerung schwer wahrnehmbar

    Bei starker Vergrößerung werden Inhalte auf der Inhaltsseite sehr schmal oder unscharf dargestellt. Im Hochkontrastmodus sind außerdem Untermenü, Suchfeld und der aktive Menüpunkt teilweise nicht klar erkennbar.

    Auswirkung: Wenn ich stark zoome oder auf gute Sichtbarkeit angewiesen bin, kann ich Inhalte schlechter lesen und wichtige Navigationselemente übersehen. Das macht das Verständnis der Seite deutlich schwieriger.

  • Suchfeld und Suchvorgang sind nicht barrierefrei klar erkennbar

    Das Suchfeld hat keine sichtbare Beschriftung, und nach dem Suchen wird ein leerer Bereich ausgegeben. Dadurch ist die Suche für assistive Technologien und visuelle Nutzung weniger eindeutig.

    Auswirkung: Ich erkenne das Suchfeld schlechter und bekomme nach der Suche zusätzliche, verwirrende Leerausgaben. Das kann die schnelle Informationssuche unnötig erschweren.

  • Aktive Inhalte im Slider werden ungefragt ausgegeben

    Die Slider-Inhalte werden wegen der Live-Region während der Animation sofort vom Screenreader ausgegeben. Dadurch werden Inhalte laufend angekündigt, obwohl ich gerade etwas anderes lesen oder eingeben möchte.

    Auswirkung: Ich werde beim Lesen oder Navigieren unterbrochen und verliere leichter den Fokus. Das kann besonders bei Screenreader-Nutzung sehr störend sein und das Verstehen erschweren.

  • Seitentitel beschreiben das Angebot nicht ausreichend

    Die Seitentitel enthalten zwar individuelle Seitennamen, nennen aber nicht das eigentliche Angebot. Dadurch sind Seiten im Browser und in der Tab-Liste schwerer als Teil derselben Website zu erkennen.

    Auswirkung: Ich kann geöffnete Seiten schlechter zuordnen und finde mich zwischen mehreren Tabs oder Lesezeichen schlechter zurecht. Das erschwert die Orientierung, besonders bei mehreren offenen Seiten.

  • Sprache von Inhalten und Fehlermeldungen ist teilweise nicht korrekt gekennzeichnet

    Englische und französische Slider-Texte sind nicht als abweichende Sprache markiert, und eine Fehlermeldung zur E-Mail-Adresse wird auf Englisch ausgegeben. Dadurch kann die Sprachausgabe falsche Aussprache oder unerwartete Sprachwechsel erzeugen.

    Auswirkung: Ich verstehe einzelne Inhalte möglicherweise schlechter oder lasse mich von einer unerwarteten fremdsprachigen Meldung irritieren. Das erschwert besonders das Prüfen von Formulareingaben und das Lesen per Screenreader.

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 126.0.6478.62
Screenreader
NVDA 2024.1
Auflösung
Full HD - 1920 x 1080
  • www.programm-altersbilder.de Web-Angebot öffnen
  • https://www.programm-altersbilder.de/index.php?id=20&tx_indexedsearch_pi2[action]=search&tx_indexedsearch_pi2[controller]=Search
  • https://www.programm-altersbilder.de/service/kontakt.html
  • https://www.programm-altersbilder.de/programm/vielfalt/alle.html
  • https://www.programm-altersbilder.de/fileadmin/de.programm-altersbilder/content.de/8_Materialien/Altersbilder.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Startseite: In Alternativtexten sind einige Rechtschreibfehler, und der alt-Text des Logos unter "Inhalte" entspricht nicht dem Logo-Text; Startseite: Die grafischen Bedienelemente "Pause/Start" beim Slider sind unbeschriftet; Alle Seiten: Beim rechten Logo "Altersbilder" fehlt im Alternativtext der Claim "Neue Perspektiven - neue Chancen"; Alle Seiten: Die grafischen Bedienelemente zum Teilen der Seite auf Facebook und Twitter im Footer sowie der nach-oben-Button sind unbeschriftet.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite: Alle einzelnen Elemente in der Slider-Animation werden vom Screenreader als Liste ausgegeben; Startseite: Die Überschriftenhierarchie ist nicht korrekt, die Teaserüberschriften und "Meldung" nutzen Ebene 2; Suchseite: Die visuelle Überschrift "Suchformular" ist nicht als Ebene-2-Überschrift ausgezeichnet; Formularseite: Nach einer Ebene-2-Überschrift folgt eine Ebene-1-Überschrift; Inhaltsseite: Elemente unter Registerkarten werden vom Screenreader als Liste ausgegeben; Inhaltsseite: Im Hochkontrastmodus ist der aktive Menüpunkt nicht wahrnehmbar; Startseite und Suchseite: Es ist keine Hauptüberschrift ausgezeichnet; Alle Seiten: Im Cookie-Banner sind keine Überschriften ausgezeichnet; Alle Seiten: Das Untermenü der Hauptnavigation ist in einer Liste mit role="group" strukturiert, wodurch es als Gruppe ausgegeben wird; Alle Seiten: Im Hochkontrast werden Untermenü und Suchfeld ohne Rahmen angezeigt.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Startseite: Beim linearen Lesen mit dem Screenreader gibt die Slider-Pagination nur den aktiven Button aus, andere Buttons wie "Play/Pause" bzw. "1", "3" und "4" werden nicht angesagt; Startseite: Nach dem Twitter-Widget wird ein Element als klickbar ausgegeben; Formularseite: Zwischen Absätzen befinden sich doppelte Umbrüche (<br>), die vom Screenreader als leer ausgegeben werden; Alle Seiten: Nach dem Suche-Button wird vom Screenreader ein leerer Bereich ausgegeben.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Formularseite: Die Formularfelder für Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Startseite: Kontrast der weißen Schrift auf blauem Hintergrund bei den Buttons der Slider-Pagination (1,69:1) sowie des Buttons "Auf X anzeigen" (3:1) und des roten Links "mehr" (4,15:1) ist nicht ausreichend; Inhaltsseite: Kontrast des aktiven Menüpunkts (weißer Text auf blauem Hintergrund, 3,7:1) ist nicht ausreichend.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Startseite: Kontrast der weißen Pfeil-Navigation des Sliders auf blauem Hintergrund ist mit 1,7:1 nicht ausreichend; Alle Seiten: Kontrast des blauen Pfeils auf dem nach-oben-Button zum weißen Hintergrund ist 1,7:1 und nicht ausreichend.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Alle Seiten: Die Skip-Links zur Hauptnavigation und Hauptinhalt funktionieren nicht.
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		nicht bestanden Alle Seiten: Der Titel enthält individuelle Bezeichnungen der jeweiligen Seite, nennt jedoch nicht das Angebot.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: Button zum Pausieren der Slider-Animation erhält erst als letztes Element im Slider den Fokus; Startseite: Bei Teasern unter "Meldungen" erhalten Überschrift, Bild und Link "Lesen Sie mehr" jeweils den Fokus, obwohl alle zum selben Link führen; Formularseite: Wird eine ungültige E-Mail-Adresse eingegeben, wird der Fokus nicht in das fehlerhafte Feld gesetzt; Alle Seiten: Vor der Hauptnavigation wird nicht sichtbarer Text "Toggle main menu visibility" fokussiert und vom Screenreader ausgegeben.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Inhaltsseite: Fokus ist auf den Kacheln (Foto und Text) nicht sichtbar; Startseite, Formularseite, Inhaltsseite: Fokus ist auf den grafischen Bedienelementen "Facebook" und "Twitter" unter "Soziale Netzwerke" nicht sichtbar.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Startseite: Englisch- und Französischtext im Slider unter "Wanderausstellung" ist nicht mit dem lang-Attribut ausgezeichnet; Formularseite: Für eine ungültige E-Mail-Adresse wird eine englische Fehlermeldung ausgegeben.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden Formularseite: Fehlermeldung bei nicht ausgefüllten Pflichtfeldern wird beim Setzen des Fokus ausgeblendet und erscheint bei erneuter Fokussierung nicht wieder, fehlerhafte Felder werden visuell nicht hervorgehoben; Formularseite: Fehlermeldung für ungültige E-Mail-Adresse befindet sich nicht im Label und wird beim Fokusieren des Feldes vom Screenreader nicht ausgegeben.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Startseite: Inhalte des Sliders werden wegen aria-live="polite" bei der Animation vom Screenreader sofort ausgegeben; Inhaltsseite: Registerkarteninhalte sind visuell dargestellt, aber programmgesteuert nicht als Registerkarten umgesetzt; Inhaltsseite: Aktiver Menüpunkt der Hauptnavigation und bei Registerkarten ist für Screenreader-Nutzer nicht wahrnehmbar; Alle Seiten: Beim Button "Mehr Informationen" ist nicht erkennbar, dass nach Aktivierung neuer Inhalt ein- und ausgeblendet wird.
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden Das PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		im Wesentlichen bestanden Inhaltsseite: Fotos und Texte sind bei 320px sehr schmal und teilweise nicht vollständig sichtbar, bei 400% Vergrößerung werden Logos und Fotos unscharf dargestellt.
WCAG 3.3.2
Label enthalten Eingabehinweise 		im Wesentlichen bestanden Alle Seiten: Das Such-Eingabefeld hat keine sichtbare Beschriftung.

Bestanden

Kriterium Status Notizen
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.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden –
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		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.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.4
Linkzweck ist verständlich (im Kontext) 		bestanden Hinweis: Formularseite: Der Link "Datenschutzhinweisen" verlinkt zu einer Seite "Page Not Found".
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.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.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.3
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 –
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