Kurzzusammenfassung
- Auftraggeber
- Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
- Prüforganisation
- Deutsche Telekom MMS GmbH
- Stadt
- Dresden
- Prüfart
- Vereinfachte Überwachung
- Dauer
- 8 Stunden
Gutachten
Zugänglichkeits-Analyse
Blindheit
Mit Hindernissen nutzbar
Fehlende Alternativtexte, unklare Struktur, mangelhafte Formulare, schlechte Tastaturführung und Fokusprobleme schränken Screenreader-Nutzer stark ein.
Sehbehinderung
Kaum nutzbar
Mehrere gravierende Kontrastprobleme, schlecht sichtbarer Fokus und unsichtbare Bedienelemente im Hochkontrastmodus beeinträchtigen die Nutzung erheblich.
Hörbehinderung
Weitgehend zugänglich
Multimedia ist weitgehend mit Untertiteln und Alternativen versehen, nur das fehlende Gebärdensprachvideo mindert die sonst gute Nutzbarkeit leicht.
Motorische Behinderung
Kaum nutzbar
Wesentliche Bereiche wie Hauptnavigation, Untermenüs und Datepicker sind nicht ausreichend tastaturbedienbar und Fokusprobleme erschweren die Steuerung stark.
Lernbehinderung
Mit Hindernissen nutzbar
Grundstruktur und Sprache sind überwiegend korrekt, aber unklare Linktexte, fehlende oder schlechte Beschriftungen und problematische Fehlermeldungen erschweren das Verständnis.
Neurodivergenz
Mit Hindernissen nutzbar
Konsistente Navigation und fehlende Animationen helfen, aber lange Linktexte, unklare Fokussprünge und das spät fokussierte Cookie-Banner können stark ablenken und überfordern.
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.
Empfehlung
Die festgestellten Barrierefreiheitsprobleme mit WCAG-Level A bzw. WCAG-Level A mit hoher Priorität beheben.
| Kriterium | Status | Notizen |
|---|---|---|
|
1.1.1 Nicht-Text-Inhalte besitzen Alternativtexte |
nicht bestanden | * Startseite: Beim Alternativtext für das Logo "70 Jahre DGE" im Inhaltsbereich fehlt der Zusatz "Deutsche Gesellschaft für Ernährung e.V.". * Startseite: Hintergrund- und Layoutgrafiken unter "Meldungen" und "Top Themen" sind ohne leere Alt-Attribute. * Alle Seiten: Das svg-Logo im Header hat keinen Alternativtext, das Icon für Leichte Sprache hat einen nicht benötigten <title>. * Alle Seiten: Logo "DGE" im Inhaltsbereich und Such- sowie Nach-oben-Button liefern keine Beschriftung. |
|
1.3.1 Informationen, Struktur und Beziehungen sind identifizierbar |
nicht bestanden | * Suchseite: Zwischenüberschrift "Gesucht nach ernährung..." fehlt als Ebene 2, "Themen" und "Format" sind nicht als Ebene 3 ausgezeichnet. * Suchseite: Links unter "Themen"/"Format" und Suchergebnisse sind nicht als Listen strukturiert. * Inhaltsseite: Spaltenüberschriften fehlen korrektes <th> innerhalb <thead>. * Alle Seiten: Navigationsregionen haben kein aria-label, Hochkontrastmodus macht Such-Buttons und Footer-E-Mail-Feld unsichtbar. |
|
1.3.5 Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar |
nicht bestanden | * Formularseite: Formularelemente zur Nutzerdatenerfassung fehlen autocomplete-Attribute mit spezifischen Werten, Zweck schwer erkennbar. |
|
1.4.3 Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) |
nicht bestanden | * Alle Seiten: Einige Texte unterschreiten den Kontrast (z. B. grüne Links auf hellgrün 3,6:1, grüne Links in Footer 4,2:1, grüne Links in Tabellen 3,9:1, grauer Breadcrumb-Link 3,4:1, fokussierte Links in Pagination 1,3:1). |
|
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend |
nicht bestanden | * Alle Seiten: Einige Nicht-Text-Inhalte erreichen nicht den Kontrast 3:1 (z. B. weißes Feld "E-Mail-Adresse" auf hellgrauem Hintergrund 1,1:1, graue Eingabefelder auf weißem Hintergrund 1,2:1). |
|
2.1.1 Tastaturbedienbarkeit ist gegeben |
nicht bestanden | * Suchseite: Datepicker der Felder "von" und "bis" kann nicht per Tastatur erreicht oder bedient werden. * Alle Seiten: Hauptnavigation und Untermenü sind nicht mit der Tastatur erreichbar/bedienbar. |
|
2.4.1 Wiederkehrende Bereiche können übersprungen werden |
nicht bestanden | * Alle Seiten: Zwei Skiplinks existieren, werden beim Fokus nicht sichtbar oder besitzen keinen Linktext, und der Skiplink "headerSearch" verweist auf kein Element mit dieser ID. |
|
2.4.2 Titel beschreiben Thema oder Zweck |
nicht bestanden | * Startseite: Aus Titel ist nicht erkennbar, dass es sich um die Startseite handelt. |
|
2.4.3 Fokusreihenfolge ist aufgabenangemessen |
nicht bestanden | * Startseite: Erster Teaser gibt drei Links (Bild, Überschrift, Button) mit identischem Ziel den Fokus. * Formularseite: Bei ungültiger E-Mail-Adresse wird Fokus nach Absenden nicht ins fehlerhafte Feld gesetzt. * Alle Seiten: Cookie-Banner erhält Fokus erst am Seitenende und überlagert Inhalte, kann nicht sofort geschlossen werden. |
|
2.4.4 Linkzweck ist verständlich (im Kontext) |
nicht bestanden | * Startseite: Teaser unter "Meldungen"/"Top Themen" geben gesamte Inhalte als sehr lange Linktexte aus. * Startseite: Logos unter "Projekte der DGE..." liefern die jeweilige URL als Linktext. * Suchseite: Suchergebnisse und Linktext "doppelt gewinkelte Klammer zu/auf" (Pagination) sind nicht aussagekräftig. * Inhaltsseite: Social-Media-Logos geben URLs als Linktexte. * Alle Seiten: Link "Englisch" im Header passt sich bei Aktivierung nicht an. * Alle Seiten: Telefon- und Faxnummernlinks sind schwer zu unterscheiden. |
|
2.4.6 Überschriften und Label beschreiben Thema oder Zweck |
nicht bestanden | * Suchseite: Button zum Absenden der Suche ist nicht sichtbar. * Inhaltsseite: Zweite Tabellenspalte hat keine Spaltenüberschrift. * Alle Seiten: <h2> im Footer trägt nicht aussagekräftigen Text "[socialLinksTitle]". |
|
2.4.7 Tastaturfokus ist sichtbar |
nicht bestanden | * Alle Seiten: Tastaturfokus auf Header-Suchbutton und Nach-oben-Link ist nicht sichtbar. * Alle Seiten: Tastaturfokus ist teilweise schlecht sichtbar, weil Rahmenfarbe/Hintergrund (z. B. 1,7:1) unter 3:1 liegen. |
|
3.3.1 Fehlermeldungen sind in Textform vorhanden |
nicht bestanden | * Formularseite: Bei Fokus auf fehlerhaftes Feld (ungültige E-Mail) wird dieser nicht als Fehler vom Screenreader ausgegeben, und Fehlermeldung unterhalb des Feldes fehlt. * Pflichtfelder: Beim Navigieren mit Tastatur wird "Dies ist ein Pflichtfeld." mehrfach ausgegeben. |
|
4.1.1 Syntaxspezifikationen sind erfüllt |
nicht bestanden | * Alle Seiten: HTML enthält WCAG-relevante Syntaxfehler (z. B. Duplicate ID). |
|
4.1.2 Name, Rolle und Wert sind identifizierbar |
nicht bestanden | * Startseite: Für Screenreader nicht erkennbar, dass Hauptnavigation Untermenüs hat. * Suchseite: Element "Sortieren nach" wird als "Menü-Schaltfläche erweitert Untermenü" ausgegeben, ist aber nicht klickbar. * Suchseite: Aktive Sortierung und aktuelle Seite in Pagination für Screenreader nicht erkennbar. |
|
A.4 Gebärdensprache-Video ist vorhanden |
nicht bestanden | Ein Gebärdensprache-Video ist nicht vorhanden. |
|
B.1 PAC3 Test ergibt PDF/UA-konform |
nicht bestanden | Das PDF-Dokument ist nicht PDF/UA-konform. |
| Kriterium | Status | Notizen |
|---|---|---|
|
1.3.2 Sinnvolle Lesereihenfolge ist gegeben |
im Wesentlichen bestanden | * Startseite: Innerhalb von Links werden Silbentrennungen mit "­" genutzt, was Screenreader unverständlich ausgibt. |
|
4.1.3 Statusmeldungen werden ohne Fokussierung ausgegeben |
im Wesentlichen bestanden | * Formularseite: Text "Noch 9983 Zeichen" unter dem Feld "Nachricht" wird vom Screenreader nicht ausgegeben. |
| Kriterium | Status | Notizen |
|---|---|---|
|
1.2.1 Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen |
bestanden | |
|
1.2.2 Aufgezeichnete Audio-Inhalte besitzen Untertitel |
bestanden | |
|
1.2.3 Aufgezeichnete Video-Inhalte besitzen Alternativen |
bestanden | |
|
1.2.5 Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen |
bestanden | |
|
1.3.3 Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich |
bestanden | |
|
1.3.4 Bildschirmausrichtung ist änderbar |
bestanden | |
|
1.4.1 Farbe ist nicht einziger Informationsträger |
bestanden | |
|
1.4.2 Automatisch abgespielte Audio-Inhalte sind steuerbar |
bestanden | |
|
1.4.4 Schriftgröße kann angepasst werden |
bestanden | |
|
1.4.5 Schriftgrafiken sind anpassbar oder unverzichtbar |
bestanden | |
|
1.4.10 Inhalte brechen in einspaltiges Layout um |
bestanden | |
|
1.4.12 Textabstände sind anpassbar |
bestanden | |
|
1.4.13 Bei Fokussierung eingeblendete Inhalte sind steuerbar |
bestanden | |
|
2.1.2 Tastaturfallen sind nicht vorhanden |
bestanden | |
|
2.1.4 Zeichen-Tastenkürzel sind abschaltbar oder anpassbar |
bestanden | |
|
2.2.1 Zeitbegrenzungen sind steuerbar |
bestanden | |
|
2.2.2 Automatisch gestartete Animationen sind steuerbar |
bestanden | |
|
2.3.1 Blitzen wird vermieden |
bestanden | |
|
2.4.5 Seiten sind über verschiedene Möglichkeiten auffindbar |
bestanden | |
|
2.5.1 Komplexe Zeigerbedienung ist verzichtbar |
bestanden | |
|
2.5.2 Zeiger-Eingaben können abgebrochen oder widerrufen werden |
bestanden | |
|
2.5.3 Label enthält sichtbare Beschriftung |
bestanden | |
|
2.5.4 Bewegungsaktivierung ist verzichtbar |
bestanden | |
|
3.1.1 Sprache ist ausgezeichnet |
bestanden | |
|
3.1.2 Abweichende Sprache einzelner Abschnitte ist ausgezeichnet |
bestanden | |
|
3.2.1 Fokussierung führt nicht zu Kontextänderung |
bestanden | |
|
3.2.2 Eingabe führt nicht zu Kontextänderung |
bestanden | |
|
3.2.3 Navigation ist konsistent aufgebaut |
bestanden | |
|
3.2.4 Elemente sind konsistent bezeichnet |
bestanden | |
|
3.3.2 Label enthalten Eingabehinweise |
bestanden | * Suchseite: Felder "von" und "bis" sind nur durch Placeholder beschriftet, die bei Eingabe verschwinden und nicht aussagekräftig sind. * Alle Seiten: Such-Eingabefeld hat keine sichtbare Beschriftung. |
|
3.3.3 Fehlermeldungen enthalten Korrekturvorschläge |
bestanden | |
|
3.3.4 Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) |
bestanden | |
|
A.1 Erklärung zur Barrierefreiheit ist vorhanden |
bestanden | Formale Prüfung ergibt trotz Vorhandensein einer Erklärung zur Barrierefreiheit kein bestandenes Gesamturteil. |
|
A.2 Feedback-Mechanismus ist vorhanden |
bestanden | |
|
A.3 Leichte Sprache ist vorhanden |
bestanden |