9.1.1.1
Nicht-Text-Inhalt
|
nicht bestanden
|
Alle Teaser-Grafiken benötigen beschreibende Alternativtexte statt Platzhaltern, um deren Inhalt für Screenreader nachvollziehbar zu machen. |
9.1.1.1
Nicht-Text-Inhalt
|
nicht bestanden
|
Jedes Logo im Bereich „Unsere Mitglieder“ muss ein aussagekräftiges alt-Attribut erhalten, das die Organisation benennt. |
9.1.1.1
Nicht-Text-Inhalt
|
nicht bestanden
|
Der Header-Link mit dem Logo sollte einen einheitlichen Namen erhalten, der dem sichtbaren Text entspricht (z. B. „Deutscher Verein – Das Forum des Sozialen“). |
9.1.3.1
Info und Beziehungen
|
nicht bestanden
|
Die beiden Navigationsbereiche im Header benötigen semantische Markierung (nav-Elemente) und zugängliche Namen, damit Assistive Technologien die Bereiche erkennen. |
9.1.3.1
Info und Beziehungen
|
nicht bestanden
|
Die Hauptnavigation muss über ein aria-label oder eine aria-labelledby-Verknüpfung verfügen, damit sie als Hauptmenü erkannt wird. |
9.1.3.1
Info und Beziehungen
|
nicht bestanden
|
Social-Media-Links im Footer benötigen eine semantische Struktur (z. B. nav mit eindeutiger Bezeichnung) und beschreibende Linktexte für Facebook, Instagram, LinkedIn etc. |
9.1.3.1
Info und Beziehungen
|
nicht bestanden
|
Die Sprachumschaltung braucht aussagekräftige aria-labels wie „Sprache Deutsch“ und „Sprache Englisch“, damit Screenreader den Zweck erkennen. |
9.1.3.1
Info und Beziehungen
|
nicht bestanden
|
Footer-Navigationen benötigen eindeutige programmatische Namen (z. B. aria-labels „Service“ und „Kontakt“) oder alternative Auszeichnungen bei Einzellinks. |
9.1.3.1
Info und Beziehungen
|
nicht bestanden
|
Der Schalter für die Untermenüs sollte deutschen, konsistenten Text enthalten und dynamisch state-abhängig wiedergegeben werden (z. B. aria-expanded/aria-label). |
9.1.3.1
Info und Beziehungen
|
nicht bestanden
|
Der Breadcrumb-Bereich benötigt semantische Rollen (z. B. role=list oder ul/ol im nav) damit Screenreader ihn als Navigation erkennen. |
9.1.4.3
Kontrast (Minimum)
|
nicht bestanden
|
Die Kategorie „Meldung“ unter Aktuelles weist mit #9F6EA0 zu niedrigen Kontrast (≈4,1:1); Hintergrund oder Schriftfarbe muss so angepasst werden, dass mindestens 4,5:1 erreicht wird. |
9.1.4.3
Kontrast (Minimum)
|
nicht bestanden
|
Slider-Pfeile sind schlecht sichtbar; der Kontrast zum Hintergrund muss erhöht und die Bedienelemente auffälliger gestaltet werden. |
9.1.4.3
Kontrast (Minimum)
|
nicht bestanden
|
Der Placeholder-Text im ThemeFinder nutzt nur etwa 1,4:1 Kontrast, er muss auf mindestens 3:1 erhöht oder außerhalb des Eingabefelds sichtbar gemacht werden. |
9.2.1.1
Tastatur
|
nicht bestanden
|
Untermenüs öffnen/Schließen reagiert nicht auf Screenreader-Eingaben, die Schalter benötigen aria-expanded/aria-controls und die Elemente müssen programmatisch zugänglich sein. |
9.2.1.1
Tastatur
|
nicht bestanden
|
Das Hamburger-Menü ist nur aus div/span aufgebaut; es muss ein echtes button-Element mit aria-label erhalten und über Tab/Enter bedienbar sein. |
9.2.1.1
Tastatur
|
nicht bestanden
|
Der Link „Privatsphäre Einstellungen“ im Footer ist nicht per Tastatur erreichbar; er muss fokussierbar gemacht werden. |
9.2.1.1
Tastatur
|
nicht bestanden
|
Cookie-Dialog-Schalter (Switches) sind weder mit Tastatur noch Screenreader erreichbar; alle interaktiven Kategorien benötigen Fokusierbarkeit und programmgesteuerte Beschriftung. |
9.2.4.1
Blöcke überspringen
|
nicht bestanden
|
Ein sichtbarer Skiplink zu #maincontent mit eindeutiger ID am Seitenanfang ist notwendig, damit wiederkehrende Bereiche übersprungen werden können. |
9.2.4.2
Seite mit Titel
|
nicht bestanden
|
Seitentitel sind uneinheitlich (z. B. „Forum des Sozialen“, „Suche“); sie sollten nach Schema „[Seitentitel] – [Name der Website]“ konsistent vergeben werden. |
9.2.4.3
Fokus-Reihenfolge
|
nicht bestanden
|
Suchergebnisse enthalten pro Eintrag zwei Links mit identischem Ziel, der unnötige zweite Link sollte entfernt oder inhaltlich vereint werden. |
9.2.4.3
Fokus-Reihenfolge
|
nicht bestanden
|
Der Fokus verlässt beim Durchlaufen des Cookie-Dialogs dessen Grenzen, eine Fokusfalle / Focus Trap ist zu implementieren, damit der Fokus im Dialog verbleibt. |
9.4.1.2
Name, Rolle, Wert
|
nicht bestanden
|
Die Vorschlagsliste wird nicht als Live-Region markiert; aria-live="polite" oder role="status" und Statusmeldungen beim Auswahlwechsel sind erforderlich. |
9.4.1.2
Name, Rolle, Wert
|
nicht bestanden
|
Ausklapplisten melden ihren Zustand nicht; die Trigger benötigen programmatische Zustandsanzeigen (aria-expanded, aria-controls). |
9.4.1.2
Name, Rolle, Wert
|
nicht bestanden
|
Der Schließen-Schalter des Cookie-Dialogs braucht eine beschreibende Programmatik (z. B. aria-label="Cookie-Dialog schließen"), damit Screenreader die Funktion ausgeben. |
Einem Link auf enthaltene Inhalte in Deutscher Gebärdensprache
Zusatzkriterien: Deutsche Gebärdensprache
|
nicht bestanden
|
Hinweise auf gebärdensprachliche Inhalte fehlen vollständig; entsprechende Links zu gebärdensprachlichen Materialien müssen bereitgestellt werden. |
Barrierefreiheitserklärung formal geprüft (BITV §7)
Barrierefreiheitserklärung
|
nicht bestanden
|
Die Barrierefreiheitserklärung erwähnt nicht-barrierefreie Inhalte nicht und die Angabe zum Aktualisierungsdatum ist älter als ein Jahr; beides muss ergänzt, die formale Prüfungserfüllung dokumentiert werden. |
9.1.3.1
Info und Beziehungen
|
nicht bestanden
|
Die unter „Themen“ auf der Suchseite stehenden Links fehlen in einer semantischen Liste (ul/ol) und sollten gruppiert werden, damit Assistive Technologien die Anzahl erkennen. |
9.1.4.10
Automatischer Umbruch (Reflow)
|
nicht bestanden
|
Bei 200 % Vergrößerung werden Suchergebnisse abgeschnitten; feste Breiten sollten vermieden und Inhalte dynamisch umgebrochen werden, damit kein horizontales Scrollen entsteht. |
9.2.1.1
Tastatur
|
nicht bestanden
|
Die Links unter „Themen“ sind weder fokussierbar noch aktivierbar; alle interaktiven Elemente benötigen semantisch korrekte Link- oder Button-Elemente. |
9.2.4.4
Linkzweck (im Kontext)
|
nicht bestanden
|
Auf der Suchseite existieren mehrere Links mit identischem Linktext („Zur Stellungnahme“, „Zur Veranstaltung“); die Linktexte müssen eindeutig erweitert oder über aria-label differenziert werden. |
9.2.4.4
Linkzweck (im Kontext)
|
nicht bestanden
|
PDF-Ergebnisse enthalten nur Dateinamen; ergänzen Sie Hinweise auf Dateityp und Öffnungsverhalten in Text oder aria-label. |
9.2.4.4
Linkzweck (im Kontext)
|
nicht bestanden
|
Der Download-Link zum Motto-83-Dokument sollte den Dateityp (z. B. PDF, 174 KB) direkt im Linktext oder aria-label nennen. |
9.2.4.7
Fokus sichtbar
|
nicht bestanden
|
Ausklapplisten zeigen keinen sichtbaren Fokuszustand; es sind klare Fokusindikatoren (Umrandung, Hinterlegung) mit ausreichendem Kontrast bereitzustellen. |
9.3.2.2
Bei Eingabe
|
nicht bestanden
|
Der Button „Alle Filter löschen“ entfernt auch den Suchbegriff; die Funktion sollte nur Filter zurücksetzen oder eindeutig als „Suche zurücksetzen“ gekennzeichnet sein. |
9.2.4.4
Linkzweck (im Kontext)
|
nicht bestanden
|
Die Links zu PDF-Dokumenten in den Suchergebnissen sollten zusätzlich einen Hinweis auf den Dateityp und das Öffnungsverhalten enthalten (z. B. „(PDF, öffnet in neuem Fenster)“). |
9.4.1.2
Name, Rolle, Wert
|
nicht bestanden
|
Ausklapplisten liefern keine Zustandsinformationen; aria-expanded und aria-controls sollten den Zustand beschreiben und eine Relation zum Inhalt herstellen. |
9.2.1.1
Tastatur
|
nicht bestanden
|
Alle Schalter im Cookie-Dialog müssen mit Tastatur fokussierbar sein und von Screenreadern erkannt werden, damit Kategorien gezielt aktiviert werden können. |
9.2.4.3
Fokus-Reihenfolge
|
nicht bestanden
|
Beim Durchlaufen des Cookie-Dialogs verlässt der Fokus die modale Struktur; eine Focus Trap ist zwingend erforderlich. |