Unterstützung

Barrieren sichtbar machen kostet Geld. Hilf uns, dranzubleiben.

barrieren-gutachten.de wird ehrenamtlich betrieben und finanziert sich über Steady-Mitgliedschaften von Menschen wie dir, die Barrierefreiheit und Inklusion voranbringen möchten.

ab 5 Euro
im Monat

für Recherche, Prüfungen und den Betrieb der Plattform.

ankommenapp.de

Website nicht konform Prüfung vom 22.04.2025 ID: #1001
Migration öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
Bundesamt für Migration und Flüchtlinge
Prüforganisation
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik (Deutsche Rentenversicherung Knappschaft-Bahn-See)
Stadt
Berlin
Prüfart
Vereinfachte Überwachung

Technische Umgebung

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

KI-Schnellcheck zur Nutzbarkeit

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.

Wahrscheinliche Barrieren

Barriere Auswirkung Melden
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. 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. Melden
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. 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. Melden
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ü. 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. Melden

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.ankommenapp.de/APP/DE/Startseite/startseite-node.html
  • https://www.ankommenapp.de/APP/DE/LebeninDeutschland/lebenindeutschland-node.html
  • https://www.ankommenapp.de/APP/DE/LebeninDeutschland/Gesundheit/Krankheit/krankheit-node.html

Empfehlung & Status

Die Seite benötigt eine durchgängige semantische Struktur (Navigationen, Bereichselemente, Listen), korrekte Beschriftungen (z. B. Menü-Schalter, Skiplinks, Seitentitel) sowie erkennbare Fokus-Indikatoren. Kontrast und Multimediavarianten müssen verbessert, alternative Navigationseinstiege ergänzt und redundante Alternativtexte sowie unsichtbare Fokusziele bereinigt werden. Zudem sind die Anforderungen aus BITV §4 (DGS, Leichte Sprache) und eine aktuelle, formale Barrierefreiheitserklärung umzusetzen.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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).
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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“).
9.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.
9.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.