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. |