9.1.1.1
Nicht-Text-Inhalt
|
nicht bestanden
|
Im Bereich "Aktuelles" werden Bilder unterschiedlich mit alt-Attributen versehen; ein einheitliches Vorgehen sicherstellen, damit alle relevanten Bilder auch programmgesteuert beschreibbar sind. |
9.1.1.1
Nicht-Text-Inhalt
|
nicht bestanden
|
Das zentrale Bild im Hauptbereich trägt keinen Alternativtext, obwohl es inhaltlich relevant ist; ein aussagekräftiger alt-Text darf nicht fehlen. |
9.1.2.3
Audiodeskription oder Medienalternative (aufgezeichnet)
|
nicht bestanden
|
Das eingebettete Video enthält keine Audiodeskription oder Volltext-Alternative, sodass wichtige visuelle Informationen für blinde oder stark sehbehinderte Nutzende fehlen; eine beschreibende Audiospur oder eine vollständige Textalternative bereitstellen. |
9.1.2.5
Audiodeskription (aufgezeichnet)
|
nicht bestanden
|
Auch zur Beschreibung zentraler visueller Inhalte wie Szenenwechsel und Gestik fehlt eine Audiodeskription; eine zusätzliche Audiospur oder integrierte Beschreibung ergänzen. |
9.1.4.11
Nicht-Text-Kontrast
|
nicht bestanden
|
Der Scroll-to-Top-Button weist nur einen Kontrast von 2:1 zum Hintergrund auf; das Verhältnis muss auf mindestens 3:1 angehoben werden, um grafische Bedienelemente ausreichend unterscheidbar zu machen. |
9.2.4.4
Linkzweck (im Kontext)
|
nicht bestanden
|
Das Coverbild des Verbandsmagazins hat keinen alt-Text oder aria-label, sodass der Linkzweck für Screenreader-Nutzende unklar bleibt; ein beschreibender Text (z. B. alt="Magazin Weiblichkeit*en – zur Online-Ausgabe") ergänzen. |
9.2.4.3
Fokus-Reihenfolge
|
nicht bestanden
|
Im Bereich "Aktuelles" verweisen Überschrift und "Weiterlesen"-Link mehrfach auf dasselbe Ziel, wodurch Tastaturnutzende unnötige Tab-Schritte ausführen müssen; redundante Fokusziele eliminieren. |
9.3.2.2
Bei Eingabe
|
nicht bestanden
|
Die Filterreaktion verschiebt die Rückmeldung zu den aktiven Filtern an eine andere Stelle, sodass Tastatur- und Screenreader-Nutzende keinen direkten Bezug zwischen Aktion und Rückmeldung erkennen; Rückmeldung unmittelbar neben der Steuerung bereitstellen. |
9.4.1.2
Name, Rolle, Wert
|
nicht bestanden
|
Das E-Mail-Feld im Hauptbereich hat zwar ein visuell verstecktes Label, aber keine programmgesteuerte Verknüpfung über for/id; die Beschriftung muss korrekt zugeordnet werden, damit Screenreader sie ausgeben können. |
9.4.1.2
Name, Rolle, Wert
|
nicht bestanden
|
Auch das Suchfeld im Footer nutzt ein Hidden-Label ohne for/id-Verknüpfung, deshalb fehlt die programmatische Beschriftung beim Fokusieren; die label- und input-Attribute verbinden. |
9.4.1.2
Name, Rolle, Wert
|
nicht bestanden
|
Die aktive Seite in der Paginierung wird nur visuell hervorgehoben; ein aria-current="page"-Attribut auf dem aktiven Link vermitteln assistiven Technologien den aktuellen Zustand. |
9.1.3.1
Info und Beziehungen
|
nicht bestanden
|
Die Hauptnavigation führt sowohl für Desktop als auch responsive Version zu doppelten aria-label-Ausgaben für assistive Technologien; nur eine eindeutige Programmbeschriftung überlassen. |
9.1.3.1
Info und Beziehungen
|
nicht bestanden
|
Datumsangaben zu Suchergebnissen sind nur visuell vorhanden und von Screenreadern nicht zugänglich; semantische Auszeichnung (z. B. time-Element mit relv. text) hinterlegen, sodass Datum programmatisch erfasst wird. |
9.1.3.1
Info und Beziehungen
|
nicht bestanden
|
Der Button "Weitere Meldungen" steht als einziges Listenelement innerhalb der Liste im Bereich "Aktuelles"; Listenstruktur so anpassen, dass er nicht als einzelnes Listenelement verbleibt. |
9.1.3.1
Info und Beziehungen
|
nicht bestanden
|
Der Button "Weitere Publikationen" ist ebenfalls das einzige Listenelement in seiner Liste; die Struktur so ändern, dass Listen nicht nur aus einem einzigen interaktiven Element bestehen. |
9.1.3.1
Info und Beziehungen
|
nicht bestanden
|
Es fehlt eine Überschrift der Ebene 1 (<h1>) als zentrales Einstiegselement; eine eindeutige H1 ergänzen. |
9.1.4.10
Automatischer Umbruch (Reflow)
|
nicht bestanden
|
Bei 400 % Browserzoom und 1280 px Breite verdecken Sticky-Elemente sowie der Scroll-to-Top-Button Inhalte; für 400 % Zoombereich reflowfähige Layout-Anpassungen vornehmen, damit wichtige Inhalte komplett sichtbar bleiben. |
9.2.4.3
Fokus-Reihenfolge
|
nicht bestanden
|
Fokus wird nach Interaktionen mit Suche, Sortierung, Anzahl der Ergebnisse und Paginierung immer auf den Seitenanfang zurückgesetzt, statt beim Ergebnis zu bleiben; Fokus danach gezielt auf sinnvolles Element (z. B. Ergebnisliste) setzen oder bei Aktion belassen. |
9.2.4.3
Fokus-Reihenfolge
|
nicht bestanden
|
Im Bereich "Publikationen" verweisen Teaserbild, Überschrift und Link mehrfach auf das gleiche Ziel und sorgen für redundante Tab-Schritte; pro Meldung nur ein interaktives Element mit Fokus behandeln. |
9.2.4.4
Linkzweck (im Kontext)
|
nicht bestanden
|
Links innerhalb des Bereichs "Aktuelles" haben unpräzise Texte und es fehlt der Hinweis auf ein externes Ziel; Formulierungen und ggf. Hinweis "öffnet in neuem Fenster" ergänzen, damit Zweck und Verhalten klar sind. |