Staatliches Gutachten zur digitalen Barrierefreiheit

ankommenapp.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Fehlende semantische Struktur, unbeschrifteter Menü-Schalter, fehlerhafte Skiplinks und Fokusprobleme erschweren Screenreader-Nutzung deutlich, machen sie aber nicht völlig unmöglich.

Sehbehinderung Kaum nutzbar

Schlechter Text- und Bedienelementkontrast, Probleme bei 200 % Zoom sowie teils unsichtbarer Fokus schränken die Nutzung stark ein.

Hörbehinderung Mit Hindernissen nutzbar

Spezifische DGS-Angebote fehlen, aber textliche Inhalte sind grundsätzlich nutzbar, sofern keine wichtigen rein auditiven Medieninhalte vorausgesetzt werden.

Motorische Behinderung Mit Hindernissen nutzbar

Tastaturfokus-Probleme, fehlende sichtbare Fokus-Indikatoren und fehlerhafte Skiplinks beeinträchtigen Tastatur- und alternativer-Eingabe-Nutzung deutlich.

Lernbehinderung Kaum nutzbar

Fehlende alternative Navigationswege, keine Leichte Sprache und unklare Struktur erschweren Orientierung und Informationsaufnahme stark.

Neurodivergenz Mit Hindernissen nutzbar

Unklare Struktur, Fokus-Sprünge und fehlende alternative Navigationsmöglichkeiten können Überforderung auslösen, die Seite bleibt aber mit Aufwand nutzbar.

Dokumentierte Barrieren

  • Unbeschriftetes Menü

    Der Menü-Schalter ist nicht eindeutig beschriftet. Beim Bedienen mit Tastatur oder Screenreader ist nicht klar, was sich dahinter verbirgt oder ob das Menü gerade offen ist.

    Auswirkung: Ich kann das Hauptmenü nicht zuverlässig öffnen oder schließen, weil mir die Funktion nicht angesagt wird. Das erschwert den Einstieg in die Seite stark.

  • Skiplinks funktionieren nicht richtig

    Die Sprunglinks sind zu spät platziert und führen nicht korrekt zum Ziel. Dadurch überspringe ich die wiederkehrenden Bereiche nicht verlässlich.

    Auswirkung: Ich muss mich durch die Navigation jedes Mal erneut durcharbeiten, statt direkt zum Inhalt zu springen. Das kostet Zeit und ist besonders für Tastatur- und Screenreader-Nutzung sehr hinderlich.

  • Fokus geht verloren oder springt an den Anfang

    Nach bestimmten Aktionen landet der Fokus an einer unpassenden Stelle oder auf keinem sichtbaren Element. Das betrifft zum Beispiel Slider-Interaktionen, Skiplinks und das Untermenü.

    Auswirkung: Ich verliere die Orientierung und weiß nicht, wo ich mich auf der Seite befinde. Das macht die Bedienung mit Tastatur sehr unsicher und mühsam.

  • Hohe Zoom-Stufe schneidet Sprachmenü ab

    Bei 200 % Zoom verschiebt sich das Sprachmenü in den Hamburger-Bereich und wird abgeschnitten. Die Sprachauswahl ist dann nicht mehr vollständig erreichbar.

    Auswirkung: Ich kann die Sprache nicht mehr sicher wechseln, wenn ich die Seite vergrößere. Für mich ist damit ein zentraler Orientierungspunkt teilweise unbenutzbar.

  • Fokus ist nicht sichtbar

    Bei der Tastaturnutzung ist der aktuelle Fokus bei wichtigen Links teilweise nicht erkennbar. Betroffen sind unter anderem die Store-Links und Ziele nach einem Skiplink.

    Auswirkung: Ich kann nicht sehen, welches Element gerade aktiv ist. Dadurch weiß ich nicht, was ich als Nächstes auslöse.

  • Zu geringer Kontrast bei Slider-Text

    Text im Slider liegt teils weiß auf hellen Bildbereichen und ist dadurch schlecht lesbar. Auch die Pfeil-Schaltflächen haben teils zu wenig Kontrast zum Hintergrund.

    Auswirkung: Ich kann Inhalte und Bedienelemente auf den Slidern nur schwer oder gar nicht erkennen. Besonders bei Sehschwäche oder schlechtem Displaylicht wird die Nutzung deutlich erschwert.

  • Fehlende semantische Struktur der Navigation

    Hauptnavigation, Sprachumschaltung und Fußbereich sind nicht als Navigation oder Seitenbereiche ausgezeichnet. Außerdem fehlen klare Bereichselemente wie Hauptinhalt und Kopfbereich.

    Auswirkung: Ich bekomme mit Screenreader keine verlässliche Orientierung auf der Seite. Es ist schwerer, zwischen Navigation, Inhalt und Footer zu springen.

  • Keine Angebote in Deutscher Gebärdensprache und Leichter Sprache

    Zu wesentlichen Inhalten und zur Barrierefreiheit fehlen die geforderten Hinweise und Angebote in Deutscher Gebärdensprache und Leichter Sprache. Damit fehlt für einen Teil der Zielgruppe ein wichtiger Zugang zu den Informationen.

    Auswirkung: Wenn ich DGS oder Leichte Sprache brauche, finde ich die Inhalte nicht in einer für mich verständlichen Form. Dadurch kann ich wichtige Informationen deutlich schlechter aufnehmen.

  • Alternativer Zugang zur Seite fehlt

    Die Inhalte sind im Wesentlichen nur über die Hauptnavigation erreichbar. Eine Suche, Sitemap oder andere alternative Zugänge sind nicht vorhanden.

    Auswirkung: Ich muss mich durch viele Menüpunkte klicken, auch wenn ich nur eine bestimmte Information suche. Das erschwert vor allem die Orientierung bei längeren oder unklaren Wegen.

  • Mehrfach ausgegebene und falsche Alternativtexte

    Mehrere Bilder haben unnötige oder doppelte Alternativtexte, und das Logo trägt sogar den falschen Namen der Behörde. Dadurch werden Inhalte für Screenreader ungenau oder doppelt vorgelesen.

    Auswirkung: Ich bekomme falsche oder überflüssige Informationen vorgelesen und muss mir den eigentlichen Inhalt aus dem Kontext zusammenreimen. Das verlangsamt die Nutzung und kann verwirren.

  • Farbkennzeichnung allein für aktive Sprache

    Der aktive Sprachlink wird nur über Farbe hervorgehoben. Menschen mit Farbfehlsichtigkeit oder bei schlechter Sicht erkennen den aktiven Zustand dadurch möglicherweise nicht.

    Auswirkung: Ich weiß nicht sicher, welche Sprache gerade ausgewählt ist. Das kann zu Fehlbedienungen führen, wenn ich schnell zwischen Sprachen wechseln möchte.

  • Veraltete Barrierefreiheitserklärung

    Die Barrierefreiheitserklärung ist nicht aktuell gepflegt. Das Datum ist älter als ein Jahr und erfüllt die formalen Anforderungen nicht.

    Auswirkung: Ich kann mich nicht darauf verlassen, dass die Informationen zur Barrierefreiheit noch dem aktuellen Stand entsprechen. Das erschwert die Einschätzung, ob und wie ich die Seite nutzen kann.

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 11
Browser
Chrome 135.0.7049.42 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2024
Tools
Color Contrast Analyser (CCA), Colour Contrast Checker, PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)
  • https://www.ankommenapp.de/APP/DE/Startseite/startseite-node.html Web-Angebot öffnen
  • https://www.ankommenapp.de/APP/DE/LebeninDeutschland/lebenindeutschland-node.html
  • https://www.ankommenapp.de/APP/DE/LebeninDeutschland/Gesundheit/Krankheit/krankheit-node.html

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Das Logo enthält aktuell den Alternativtext „Logo - Bundesamt für Migration und Flüchtlinge“; dieser vermittelt eine falsche Identität. Der Alternativtext sollte die Ankommen-App beschreiben (z. B. „Logo der Ankommen App“), damit Screenreader den Inhalt korrekt vermitteln.
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Die Personennamen im Slider werden als Überschrift, alt-Text und Begleittext wiederholt. Entfernen Sie den redundanten Alternativtext (alt="") oder ersetzen Sie ihn durch eine sinnvolle Ergänzung (z. B. „Porträt von [Name]“), um unnötige Dopplungen zu vermeiden.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Die verlinkten Bilder verwenden den gleichen Alternativtext wie der sichtbare Linktext, wodurch Screenreader den Linkzweck doppelt ausgeben. Setzen Sie das alt-Attribut auf einen leeren Wert (alt=""), da der Linkzweck bereits durch den sichtbaren Text vermittelt wird.
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Das dekorative Bild „Leben in Deutschland“ besitzt einen Alternativtext und erscheint in zwei Inhaltsseiten. Da das Bild keine eigenständige Information vermittelt, muss es als dekorativ markiert werden (alt="").
BITV 2.0 §4
Zusatzkriterium: Deutsche Gebärdensprache / Leichte Sprache 		nicht bestanden Es fehlen die geforderten Links/Informationen zu Deutscher Gebärdensprache und Leichter Sprache zu wesentlichen Inhalten, Navigation und Erklärung zur Barrierefreiheit. Ergänzen Sie die entsprechenden Materialien und Kennzeichnungen gemäß BITV §4.
A.1
Formale Anforderungen Barrierefreiheitserklärung 		nicht bestanden Das Aktualisierungsdatum der Barrierefreiheitserklärung ist älter als ein Jahr und damit formell nicht korrekt. Aktualisieren Sie das Datum zeitnah und dokumentieren Sie die letzte Überarbeitung.
WCAG 1.3.1
Information und Beziehungen 		nicht bestanden Hauptnavigation, Sprachumschaltung und Store-Links bestehen nur aus <div>-/<ul>-Elementen. Kennzeichnen Sie die Bereiche mit <nav> und beschreibenden aria-labels (z. B. „Hauptnavigation“, „Sprachauswahl“), um Screenreader die Struktur mitzuteilen.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Der Menü-Schalter (Hamburger-Menü) hat keine zugängliche Beschriftung; Screenreader können seine Funktion nicht benennen. Fügen Sie aria-labels wie „Menü öffnen“/„Menü schließen“ hinzu.
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Im Slider werden Personennamen mehrfach per Überschrift, alt-Text und Fließtext ausgegeben. Entfernen Sie den alt-Text oder ergänzen Sie ihn mit zusätzlichen Informationen, um redundante Ausgaben zu vermeiden.
WCAG 1.3.1
Information und Beziehungen 		nicht bestanden Die Linkliste im Footer ist nur als einfache Liste umgesetzt. Markieren Sie sie als <nav> mit einem beschreibenden aria-label (z. B. „Fußbereich“), damit assistive Technologien sie als Navigationsbereich erkennen.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Linktexte werden sowohl über alt-Attribute der Bilder als auch über title-Attribute der Links beschrieben, was zu redundanten Ausgaben führt. Entfernen Sie das title-Attribut und übertragen Sie den Linkzweck ggf. über ein aria-label; setzen Sie alt="" wenn das Bild keine Information trägt.
WCAG 1.3.1
Information und Beziehungen 		nicht bestanden Die Kacheln im Abschnitt „Typisch Deutsch“ sind im Quellcode nur <div>-Strukturen. Betten Sie sie in eine semantische Liste (<ul> mit <li>) ein, damit Screenreader die Auflistung erkennen und ankündigen können.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Der Fokus springt nach Slider-Interaktion mit Pfeiltasten an den Seitenanfang. Stellen Sie sicher, dass der Fokus auf dem ausgelösten Button oder dem nächsten Slider-Element verbleibt, um Orientierung zu gewährleisten.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Vor der sichtbaren H2 wird eine unsichtbare, verlinkte H1 fokussiert. Entfernen Sie diese H1 oder machen Sie sie sichtbar/verständlich, damit sie keinen unerwarteten Fokus-Stopp bildet.
WCAG 1.3.1
Information und Beziehungen 		nicht bestanden Es fehlt die semantische Gliederung mit <header>, <main> und <footer>. Ergänzen Sie diese Elemente, damit die Hauptbereiche programmatisch erfassbar sind.
WCAG 1.4.1
Benutzung von Farbe 		nicht bestanden Der aktive Sprachlink wird nur farblich hervorgehoben und bleibt für Nutzerinnen mit Farbfehlsichtigkeit unkenntlich. Ergänzen Sie eine weitere Kennzeichnung (Unterstreichung, Symbol, Fettschrift).
WCAG 1.4.3
Kontrast (Minimum) 		nicht bestanden Slider-Text liegt oft weiß auf hellen Bildbereichen, der Kontrast liegt unter 4,5:1. Nutzen Sie überlagernde Flächen, Schatten oder trennen Sie Text vom Bild, um den Kontrast zu verbessern.
WCAG 1.4.4
Textgröße ändern 		nicht bestanden Bei 200 % Zoom wird das Sprachmenü in den Hamburger-Bereich verschoben und abgeschnitten, sodass Sprachoptionen unzugänglich sind. Gestalten Sie den Menübereich so, dass alle Optionen sichtbar bleiben und erreichbar sind.
WCAG 1.4.11
Nicht-Text-Kontrast 		nicht bestanden Slider-Schaltflächen (Pfeile) haben teilweise zu geringen Kontrast zum Bildhintergrund, insbesondere bei dunklen Bildern. Sorgen Sie für ausreichend Kontrast (4,5:1) durch farbliche Anpassung oder Hinterlegung.
WCAG 2.4.1
Blöcke überspringen 		nicht bestanden Skiplinks stehen erst nach dem Hauptmenü und führen nicht richtig ans Ziel, dadurch verlieren sie ihre Funktion. Platzieren Sie sie als erstes Fokus-Element im <body>, nutzen Sie eindeutige IDs (z. B. #main) und stellen Sie funktionierende href-Ziele sicher.
WCAG 2.4.2
Seite mit Titel 		nicht bestanden Im <title>-Element fehlt der übergeordnete Website-Titel „Ankommen App“. Ergänzen Sie z. B. ‚<title>Startseite – Ankommen App</title>‘, damit Browser-Tabs und Verlauf den Anbieter zeigen.
WCAG 2.4.5
Verschiedene Möglichkeiten 		nicht bestanden Die Seiten sind ausschließlich über die Hauptnavigation erreichbar; Suchfunktion, Sitemap oder andere alternative Zugänge fehlen. Ergänzen Sie alternative Navigationswege, um Personen mit kognitiven Einschränkungen die Orientierung zu erleichtern.
WCAG 2.4.7
Fokus sichtbar 		nicht bestanden Die Store-Links (Apple App Store/Google Play) erhalten bei Tastaturnavigation keinen sichtbaren Fokus. Fügen Sie eine visuelle Fokus-Indikation (z. B. Outline, Rahmen) hinzu, damit Tastaturnutzende erkennen, welches Element fokussiert ist.
WCAG 2.4.7
Fokus sichtbar 		nicht bestanden Nach der Aktivierung eines Skiplinks zur Personenliste geht der Fokus verloren bzw. landet auf keinem sichtbaren Element. Stellen Sie sicher, dass das Ziel fokussierbar ist (z. B. durch tabindex="-1") und der Fokus dort verbleibt.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Beim Rückwärtsnavigieren (Shift + Tab) im geöffneten Untermenü „Barrierefreiheit“ schließt sich das Menü und der Fokus landet am Seitenanfang. Halten Sie das Menü offen und setzen Sie den Fokus auf das vorherige Menüelement.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Der Menü-Schalter besitzt weder Name noch Rolle; Screenreader können die Funktion nicht ansagen. Ergänzen Sie ein aria-label mit eindeutiger Beschreibung (z. B. „Menü öffnen“ bzw. „Menü schließen“).
WCAG 1.3.1
Information und Beziehungen 		nicht bestanden Die BITV §4-Anforderungen (Links/Inhalte zur Deutschen Gebärdensprache und Leichten Sprache einschließlich wesentliche Inhalte, Navigation, Erklärung zur Barrierefreiheit) fehlen vollständig. Ergänzen Sie die geforderten Angebote und Links.
A.1
Formale Anforderungen Barrierefreiheitserklärung 		nicht bestanden Die formale Prüfung der Barrierefreiheitserklärung ergibt, dass das Aktualisierungsdatum älter als ein Jahr ist und damit nicht regelkonform. Aktualisieren Sie die Erklärung regelmäßig und dokumentieren Sie die Überprüfung.
WCAG 1.3.1
Information und Beziehungen 		nicht bestanden Die Sprache der zweiten Stichprobe führt neue Probleme ein, z. B. müssten die gleichen Navigationsbereiche semantisch ausgezeichnet sein. Ergänzend sollten auch die semantischen Listenstrukturen (z. B. typischer deutsch) in der gesamten Website umgesetzt werden.

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