9.1.1.1
Fehlender Alternativtext bei Porträtbild
|
nicht bestanden
|
Das Porträtbild von Christian Lindner ist ohne Alternativtext. Screenreader-Nutzende erhalten daher die dargestellte Person nicht und wichtige Informationen fehlen. |
9.1.1.1
Fehlende Alternativtexte bei Bildern im Bereich Meldungen
|
nicht bestanden
|
Viele Meldungsbilder haben keinen Alternativtext, obwohl sie nicht dekorativ sind. Dadurch gehen visuell vermittelte Inhalte verloren. |
9.1.1.1
Uneinheitliche Alternativtexte bei Cover-Bildern im Bereich Publikationen
|
nicht bestanden
|
Nicht alle Cover-Bilder enthalten Alternativtexte, was zu inkonsistentem Screenreader-Erlebnis führt. |
9.1.1.1
Fehlerhafte Auszeichnung einer Layout-Grafik im Bereich Internationales
|
nicht bestanden
|
Die Layout-Grafik nach der Überschrift „Internationales“ ist nicht als dekorativ gekennzeichnet und der Copyright-Hinweis ist hörbar, obwohl er keinen inhaltlichen Wert hat. |
9.1.3.1
Fehlende programmatische Beschriftung und unklare Gruppierung im Filterbereich
|
nicht bestanden
|
Suchfilter besitzen keine Labels und Gruppierungen. Platzhalteroptionen ersetzen keine Feldbeschriftungen und Checkboxen sind nicht verknüpft. |
9.1.3.1
Fehlende Tabellen-Semantik bei den Suchergebnissen
|
nicht bestanden
|
Suchergebnisse werden mit div-Elementen angezeigt, es fehlen Tabellenstrukturen, Spaltenüberschriften und Zellbeziehungen. |
9.1.3.1
Fehlerhafte Überschriften-Hierarchie
|
nicht bestanden
|
Auf Inhaltsseiten folgt nach <h1> direkt ein <h3> und unter „Ziele und Themen“ steht eine leere <h4>, wodurch die Hierarchie nicht konsistent ist. |
9.1.3.1
Fehlende semantische Auszeichnung der Navigationen
|
nicht bestanden
|
Mehrere Navigationsbereiche (Hauptnavigation und Footer) sind nicht als <nav> ausgezeichnet und tragen keine aria-labels, sodass Screenreader sie nicht unterscheiden können. |
9.1.3.1
Unzureichende Auszeichnung des Sprachwechsel-Links in der Hauptnavigation
|
nicht bestanden
|
Der Sprachwechsel-Link trägt nur „EN“ als Text. Screenreader-Nutzende erkennen nicht eindeutig, dass es sich um einen Sprachwechsel handelt. |
9.1.3.1
Leeres Linkelement nach dem Bereich „Stimmen“
|
nicht bestanden
|
Unmittelbar nach „Stimmen“ befindet sich ein leerer Link ohne Text oder Label, der keinen Zweck erfüllt und den Fokus störend beeinflusst. |
9.1.3.1
Leeres Linkelement nach dem Bereich „Social Media“
|
nicht bestanden
|
Auch nach dem Social-Media-Bereich steht ein linkloses <a>-Element (ID part_project) ohne Beschriftung, das unnötige Fokuspunkte erzeugt. |
9.1.3.1
Fehlende semantische Kennzeichnung von Kontaktinformationen
|
nicht bestanden
|
Footer-Links zu Telefon und E-Mail haben keine erläuternden Kontextangaben, so dass Screenreader den Zweck nicht erkennen. |
9.1.3.1
Parallele Header und Footer ohne konsequente semantische Ausblendung
|
nicht bestanden
|
Mobile und Desktop Header/Footer existieren gleichzeitig im DOM; CSS versteckt sie allein. Ohne hidden/aria-hidden/inert bleiben doppelte Landmarken und Focusziele erhalten. |
9.1.3.1
Fehlerhafte Auszeichnung der Paginierung unterhalb der Suchergebnisse
|
nicht bestanden
|
Die Navigation besteht nur aus Buttons; es fehlt eine nav-Landmarke und aria-current für die aktive Seite, sodass Screenreader die Seitennavigation nicht erkennen. |
9.1.3.2
Fehlende Paginierung oberhalb der Suchergebnisse
|
nicht bestanden
|
Navigationen sind nur unterhalb der Trefferliste vorhanden, sodass Nutzende erst alle Ergebnisse durchlaufen müssen, bevor sie zur Seitensteuerung gelangen. |
9.1.4.1
Links im Fließtext werden ausschließlich durch Farbe unterschieden
|
nicht bestanden
|
Links in langen Texten unterscheiden sich lediglich durch Farbe; Unterstreichung oder weitere Merkmale fehlen, weshalb sie mit eingeschränktem Farbsehen schwer erkennbar sind. |
9.1.4.3
zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe
|
nicht bestanden
|
Mehrere Elemente (Navigation, Slider, Inhaltsbereich) besitzen zu geringe Text-Hintergrund-Kontraste, wodurch Inhalte schwer lesbar sind. |
9.1.4.11
Unzureichender Kontrast bei Slider-Paginierung
|
nicht bestanden
|
Die quadratischen Punkte der Slider-Paginierung heben sich kaum vom Hintergrund ab; aktive/ inaktive Zustände fehlen visuell unterscheidbare Kontraste. |
9.1.4.11
Unzureichender Kontrast der Slider-Bedienelemente
|
nicht bestanden
|
Slider-Buttons und Steuerungselemente haben auf wechselnden Hintergrundbildern nur geringen Kontrast, weshalb sie schwer erkennbar sind. |
9.1.4.13
Untermenüs der Hauptnavigation können per Tastatur nicht geschlossen werden
|
nicht bestanden
|
Nach Öffnen per Hover oder Fokus lassen sich die Untermenüs über Tab, Space oder Esc nicht schließen, was zu dauerhaften Einblendungen führt. |
9.2.1.1
Nicht zugängliche Paginierungselemente im Slider
|
nicht bestanden
|
Nur der aktive Paginierungspunkt ist per Tab erreichbar, die übrigen Elemente tragen tabindex="-1" und sind für Tastaturnutzende nicht direkt ansteuerbar. |
9.2.1.1
Fehlerhafte Tastaturbedienung der Paginierung im Slider
|
nicht bestanden
|
Innerhalb der slider-Registerkarten lassen sich die einzelnen Elemente nicht mit Pfeiltasten wechseln; Fokus springt unerwartet aus dem Slider heraus. |
9.2.1.1
Nicht fokussierbarer „Nach oben“-Button
|
nicht bestanden
|
Der Button ist ein reines <li> mit Icon und weder fokussierbar noch per Tastatur auslösbar, obwohl er sichtbar vorhanden ist. |
9.2.1.1
Nicht tastaturbedienbare Akkordeon-Elemente
|
nicht bestanden
|
Akkordeons wie „Veranstaltungen und Ankündigungen“ sind weder fokussierbar noch per Tastatur ein- oder ausklappbar. |
9.2.1.1
Nicht fokussierbarer Schalter für das Hamburger-Menü
|
nicht bestanden
|
Der Hamburger-Schalter ist nicht per Tab erreichbar; der Fokus springt stattdessen direkt ins Menü, bevor der Schalter erreichbar wird. |
9.2.1.1
Nicht tastaturbedienbare zusätzliche Linktexte im Bereich „Themen“
|
nicht bestanden
|
Zusätzliche Linktexte erscheinen nur per Maus-Hover und lassen sich mit der Tastatur nicht einblenden, wodurch zusätzliche Informationen verloren gehen. |
9.2.1.1
Nicht tastaturbedienbare Untermenüs in der Hauptnavigation
|
nicht bestanden
|
Beim Fokussieren der Hauptmenüpunkte werden Untermenüs nicht angezeigt, sodass nachgelagerte Navigationsebenen für Tastaturnutzende nicht erreichbar sind. |
9.2.2.2
Fehlende Steuerungsmöglichkeit für automatisch ablaufenden Slider
|
nicht bestanden
|
Der Slider startet automatisch und kann weder visuell noch programmatisch pausiert oder gestoppt werden. |
9.2.4.1
Skiplinks fehlen
|
nicht bestanden
|
Am Seitenanfang fehlt ein Skiplink zum Hauptinhalt, wodurch Tastaturnutzende sich jedes Mal durch wiederkehrende Inhalte navigieren müssen. |
9.2.4.3
Unnötige Tabstopps im Bereich Themen
|
nicht bestanden
|
Zu jedem Thema existieren leere oder redundante Links, die unnötige Tab-Schritte erzeugen. |
9.2.4.3
Unzureichende Sichtbarkeit von Linktexten und doppelte Bedienelemente
|
nicht bestanden
|
Teaser-Links im Themenbereich sind nur per Hover sichtbar, und der Schalter „Absenden“ wird doppelt ausgegeben. |
9.2.4.3
Doppelte Linkauszeichnung im Bereich „Stimmen zu acatech“
|
nicht bestanden
|
Bild und Zitat sind jeweils mit demselben Linkziel versehen, sodass Tastaturnutzende doppelte Fokusstationen erhalten. |
9.2.4.3
Doppelte Linkauszeichnung in Artikeln des Bereichs „Meldungen“
|
nicht bestanden
|
Sowohl Bild als auch Text eines Artikels verlinken zur selben Zielseite, wodurch redundante Tabs entstehen. |
9.2.4.3
Doppelte Linkauszeichnung in den Bereichen „Publikationen“ und „Projekte“
|
nicht bestanden
|
Bild und Überschrift derselben Elemente verweisen auf das gleiche Ziel; dies erzeugt unnötige Fokusstationen. |
9.2.4.3
Nicht sichtbare Menüeinträge in der mobilen Navigation sind per Tastatur erreichbar
|
nicht bestanden
|
Beim Durchtabben werden bereits unsichtbare mobile Menüeinträge ausgegeben, bevor das Hamburger-Menü geöffnet wird. |
9.2.4.4
Fehlende Linkzweckbeschreibung beim Logo-Link im Kopfbereich
|
nicht bestanden
|
Das Logo führt ohne beschreibenden Alt-Text oder aria-label zur Startseite; der Zweck bleibt unklar. |
9.2.4.4
Fehlende Linkzweckbeschreibung beim Textlink im Kopfbereich
|
nicht bestanden
|
Der textlink unterhalb des Sliders enthält keinen Linktext, lediglich die relative Ziel-Pfadangabe wird gelesen. |
9.2.4.4
Fehlende Linkzweckbeschreibung bei Social-Media-Icons
|
nicht bestanden
|
LinkedIn-, Instagram- und YouTube-Links bestehen nur aus Grafiken ohne Alternativtexte; Screenreader geben nur die URLs aus. |
9.2.4.4
Ungeeignete Linktexte durch lange Zitatinhalte
|
nicht bestanden
|
Die vollständigen Zitate in „Stimmen zu acatech“ sind Linktexte, wodurch der Linkzweck zu lang und schwer erfassbar ist. |
9.2.4.6
Unklare Beschriftung des Schalters „Filter zurücksetzen“
|
nicht bestanden
|
Der Schalter suggeriert nur das Entfernen von Filtern, in Wirklichkeit wird auch der Suchbegriff gelöscht, sodass der Zweck nicht eindeutig ist. |
9.2.4.7
Fehlende und unzureichende Fokusdarstellung mehrerer Bedienelemente
|
nicht bestanden
|
Slider, Themenlinks, Suchschalter und Social-Media-Togs zeigen keinen durchgängigen Fokus oder besitzen sehr kontrastarmen Fokus. |
9.2.4.7
Fehlende und unterbrochene Fokusdarstellung im Suchbereich
|
nicht bestanden
|
Nach dem Suchfeld verschwindet die Fokusmarkierung, erst in der Tabelle erscheint sie wieder; dadurch entstehen Fokuslücken. |
9.3.1.2
Uneinheitliche Sprache bei Bedienelementen des Sliders
|
nicht bestanden
|
Slider-Steuerelemente sind mit englischer Beschriftung („previous“, „next“, „1 of 7“), während der Rest der Seite auf Deutsch ist. |
9.4.1.2
Fehlende Beschriftung beim Sucheingabefeld
|
nicht bestanden
|
Das Sucheingabefeld nutzt nur einen Platzhalter („Suche …“) ohne dauerhaft sichtbares label oder aria-label. |
9.4.1.2
Fehlende Unterscheidung von Links und Menüs in der Hauptnavigation
|
nicht bestanden
|
Alle Hauptnavigationseinträge sind Links, auch wenn sie Untermenüs öffnen. Es fehlen aria-haspopup/aria-expanded, um Menüs zu kennzeichnen. |
Nicht vorhanden #1
Zusätzliche Informationen in Deutscher Gebärdensprache, Leichter Sprache und Barrierefreiheitserklärung fehlen
|
nicht bestanden
|
Es existieren keine Links oder Inhalte zu Deutscher Gebärdensprache, Leichter Sprache oder einer Barrierefreiheitserklärung; entsprechende Zusatzkriterien sind nicht erfüllt. |