Kurzzusammenfassung
- Auftraggeber
- Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
- Prüforganisation
- Materna Information & Communications SE
- Stadt
- Berlin
- Prüfart
- eingehende Überwachung
Unterstützung
barrieren-gutachten.de wird ehrenamtlich betrieben und finanziert sich über Steady-Mitgliedschaften von Menschen, die Barrierefreiheit voranbringen möchten. Wenn dir unsere Arbeit hilft oder du an unsere Mission glaubst, freuen wir uns über deinen Beitrag oder wenn du anderen Menschen davon erzählst.
Hinweis: Wir sind kein gemeinnütziger Verein – Spendenquittungen können wir daher leider nicht ausstellen.
Gutachten
Zugänglichkeits-Analyse
Blindheit
Kaum nutzbar
Massive Screenreader-Probleme durch fehlende Alternativtexte, mangelhafte Semantik, unzugängliche Navigation/Bedienelemente, PDF ohne Tags und ein blockierendes Bild-CAPTCHA machen die Seite nur sehr eingeschränkt nutzbar.
Sehbehinderung
Kaum nutzbar
Niedrige Text- und Bedienelementkontraste, Farbunterscheidungen ohne Zusatzkennzeichnung, Funktionsverlust bei Textvergrößerung und unzureichende Fokusanzeige beeinträchtigen die Nutzung stark.
Hörbehinderung
Mit Hindernissen nutzbar
Fehlende Untertitel und Gebärdensprachangebote schränken audiovisuelle Inhalte deutlich ein, die übrigen textbasierten Inhalte sind aber grundsätzlich nutzbar.
Motorische Behinderung
Kaum nutzbar
Wesentliche Bereiche (Videoplayer, Menü, Slider, mobiles Menü) sind nicht oder nur eingeschränkt tastaturbedienbar und der Fokus ist kaum sichtbar, was die Nutzung stark limitiert.
Lernbehinderung
Kaum nutzbar
Fehlende Pausierbarkeit von automatisch rotierenden Inhalten, unklare Struktur, inkonsistente Navigation und fehlende Leichte Sprache erschweren das Verständnis und die Orientierung erheblich.
Neurodivergenz
Kaum nutzbar
Automatisch wechselnde Inhalte, fehlende klare Struktur, problematische Fokusreihenfolge und keine Leichte-Sprache- oder vereinfachten Erläuterungen führen zu deutlichen Nutzungshürden.
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
Der Webauftritt erfüllt nicht die EN 301 549 / WCAG 2.1; fehlende Alternativtexte, fehlender Fokus, mangelhafte Tastaturbedienbarkeit, unzureichende Kontraste und fehlende Barrierefreiheitsangebote wie Erklärung, Feedback und Erläuterungen müssen behoben werden, um die Konformität sicherzustellen.
| Kriterium | Status | Notizen |
|---|---|---|
|
4.9.1.1.1.b Alternativtexte für Grafiken und Objekte |
nicht bestanden | Informative Grafiken auf »Geld anlegen« beschreiben nur visuelle Unterscheidung; Alt-Texte müssen Kontext und Funktion liefern oder leer sein, wenn nur dekorativ. |
|
4.9.1.1.1.c Leere alt-Attribute für Layoutgrafiken |
nicht bestanden | Decorative Bilder auf der Startseite benötigen alt="", derzeit enthalten sie ansonsten ungenutzte Texte, die von Screenreadern ausgegeben werden. |
|
4.9.1.1.1.d Alternativen für CAPTCHAs |
nicht bestanden | Das bildbasierte Captcha im Kontaktformular bietet keine alternative Wahrnehmungsmöglichkeit (z. B. Audiocode oder Textchallenge) und verhindert die Barrierefreiheit der Kontaktaufnahme. |
|
4.9.1.2.3 Audiodeskription oder Medienalternative (aufgezeichnet) |
nicht bestanden | Das Video auf »Geld anlegen« enthält tonale Informationen (z. B. Geldklingeln), für die keine Audiodeskription oder Textalternative bereitsteht; blinde Nutzer erhalten so keine vollständigen Informationen. |
|
4.9.1.2.5 Audiodeskription (aufgezeichnet) |
nicht bestanden | Die Tonspur des gleichen Videos enthält informativen Inhalt, der weder durch Audiodeskription noch durch Text beschrieben wird; blinde Anwender können nicht erkennen, was am Bildschirm gezeigt wird. |
|
4.9.1.3.1.a HTML-Strukturelemente für Überschriften |
nicht bestanden | Die Seitenstruktur benutzt keine h1 und gibt zudem falsche Hierarchien (z. B. »Ihr DekaBank Depot« untergeordnet unter »Kontakt«), sodass Screenreader die logische Gliederung nicht erkennen können. |
|
4.9.1.3.1.c HTML-Strukturelemente für Zitate |
nicht bestanden | Als eigenständige Zitate markierte Absätze (z. B. Kundenstimmen) nutzen kein blockquote, wodurch Screenreader nicht erkennen, dass es sich um Zitate handelt. |
|
4.9.1.3.1.h Beschriftung von Formularelementen programmatisch ermittelbar |
nicht bestanden | Labels im Kontaktformular sind nicht mit den Feldern verbunden; Screenreader nennen beim Fokus die Feldbezeichnung nicht und erschweren die Formularnutzung. |
|
4.9.1.3.5 Eingabezweck bestimmen |
nicht bestanden | Nutzerbezogene Eingabefelder enthalten kein autocomplete-Attribut; Browser und Hilfsmittel können den Zweck nicht erkennen und bieten keine passende Autovervollständigung an. |
|
4.9.1.4.1 Benutzung von Farbe |
nicht bestanden | Die Verläufe im Zinsdiagramm unterscheiden sich nur durch Farbe, was fehlsichtigen Nutzern die Individualisierung unmöglich macht; zusätzliche visuelle Hinweise (Form, Muster) fehlen. |
|
4.9.1.4.3 Kontrast (Minimum) |
nicht bestanden | Mehrere Text-/Hintergrundkombinationen (Menü, Fußbereich, Navigation, Grafiken) liegen bei 4:1 oder tiefer; ein Kontrast von mindestens 4,5:1 (resp. 3:1 für große Texte) ist erforderlich. |
|
4.9.1.4.4 Textgröße ändern |
nicht bestanden | Beim Vergrößern wechselt die Seite in ein alternatives Mobilmenü, in dem die Tastaturbedienbarkeit verloren geht; der Text lässt sich somit nicht ohne Funktionsverlust um 200 % skalieren. |
|
4.9.1.4.5 Bilder von Text |
nicht bestanden | Schriftgrafiken nutzen Maschinen-Text nur unzureichend, ihre Alternativtexte geben den Inhalt nicht vollständig wieder und fehlender Kontext verhindert den Zugriff durch Screenreader. |
|
4.9.1.4.11 Nicht-Text-Kontrast |
nicht bestanden | Eingabefelder und Schließen-Symbole weisen Kontrastwerte von 1,0–2,6:1 auf; für informationstragende Grafiken und Bedienelemente sind mindestens 3:1 gefordert. |
|
4.9.2.1.1 Tastatur |
nicht bestanden | Videoplayer, aufgeklapptes Hauptmenü, mobile Navigation und Slider-Module sind per Tastatur nicht bedienbar oder schließen sich nicht; das schränkt motorisch eingeschränkte Nutzer massiv ein. |
|
4.9.2.2.2 Pausieren, stoppen, ausblenden |
nicht bestanden | Automatisch rotierende Meldungen auf der Startseite lassen sich nur während des Hovers stoppen, nicht per Bedienelement oder Tastatur dauerhaft; kognitive Einschränkungen werden so stark beeinträchtigt. |
|
4.9.2.4.1 Blöcke überspringen |
nicht bestanden | Es fehlen aussagekräftige Bereichsüberschriften, Sprunglinks und eindeutige Landmarken; wiederkehrende Bereiche wie die Hauptnavigation können nicht direkt angesprungen werden. |
|
4.9.2.4.3 Fokus-Reihenfolge |
nicht bestanden | Tab-Reihenfolge folgt nicht der sichtbaren Anordnung und versteckte Inhalte (z. B. aus Dynamikbereichen) werden fokussiert; Anwender verlieren die Orientierung. |
|
4.9.2.4.7 Fokus sichtbar |
nicht bestanden | Der Tastaturfokus ist auf allen Seiten unterdrückt; nur die Eingabefelder im Kontaktformular zeigen einen sichtbaren Fokusrahmen, sodass Nutzer die Bedienelemente nicht erkennen. |
|
4.9.2.5.3 Beschriftung (Label) im Namen |
nicht bestanden | Die sichtbare Beschriftung der blau markierten Grafik (»Startseite«) fehlt im zugänglichen Namen, sodass Sprachsteuerung und Sprachsoftware das Element nicht über den sichtbaren Text ansprechen können. |
|
4.9.3.2.2 Bei Eingabe |
nicht bestanden | Suchvorschläge öffnen ein Fenster mit Links, das Screenreader nicht kontextualisieren kann; die Enter-Taste löst keine Suche aus, was zu Orientierungsverlust führt. |
|
4.9.3.3.1 Fehlerkennzeichnung |
nicht bestanden | Fehlermeldungen im Kontaktformular geben zwar Hinweise, aber sie sind weder programmgesteuert mit Field-Labels verbunden noch über Alerts eingebunden; blinde Nutzer wissen nicht, welches Feld betroffen ist. |
|
4.9.4.1.1 Syntaxanalyse |
nicht bestanden | W3C-Checker meldet HTML-Syntaxfehler auf der Startseite, was assistive Technologien daran hindert, den DOM korrekt zu interpretieren. |
|
4.9.4.1.2 Name, Rolle, Wert (mobile Menü) |
nicht bestanden | Das mobile Menü besteht aus div-Elementen ohne auslesbare Rollen/Daten; Name, Rolle und Zustand (expanded/collapsed) werden dem NVDA nicht mitgeteilt, was die Navigation verhindert. |
|
4.14.1 Technische Dokumentprüfung (SEPA-Lastschriftmandat) |
nicht bestanden | Das PDF enthält keine Tags und ist daher nicht PDF/UA-konform; wichtige Strukturelemente, Lesereihenfolgen und Alternativtexte können nicht übertragen werden. |
|
5.1 Erklärung zur Barrierefreiheit |
nicht bestanden | Es existiert keine Erklärung (Verlinkung, Mängelaufzählung, Kontakt, Durchsetzungsweg) auf dem Webauftritt, wie es das BGG fordert. |
|
5.2 Feedback-Mechanismus (Erklärung zur Barrierefreiheit) |
nicht bestanden | Obwohl eine elektronische Kontaktaufnahme existiert, wird sie nicht in einer Erklärung zur Barrierefreiheit benannt und beschrieben. |
|
5.3 Erläuterungen in Leichter Sprache |
nicht bestanden | Der Webauftritt bietet keine Leichte-Sprache-Seite zu Navigation, Inhalten oder Erklärung; die Anforderungen aus Anlage 2 der BITV 2.0 werden somit nicht erfüllt. |
|
5.4 Erläuterungen in Gebärdensprache |
nicht bestanden | Es fehlen gebärdensprachliche Videos zu Navigation, Erklärung zur Barrierefreiheit und wesentlichen Inhalten sowie Hinweise auf weitere gebärdensprachliche Informationen. |
| Kriterium | Status | Notizen |
|---|---|---|
|
4.9.1.1.1.a Alternativtexte für Bedienelemente |
im Wesentlichen bestanden | Verlinkte Grafiken brauchen konkrete Alternativtexte, z. B. „Bild vergrößern – Diagramm zum Zinstief und Wertverlust“, damit auch Screenreader-Nutzer erkennen, welche Funktion das Element hat. |
|
4.9.1.2.2 Untertitel (aufgezeichnet) |
im Wesentlichen bestanden | Das Video auf »AbräumSparen« hat keine Untertitel; im Kontext sind zwar Texte, aber keine Hinweise, dass die Textausgabe als Transkript dient. |
|
4.9.1.3.1.d Inhalte gegliedert |
im Wesentlichen bestanden | Texte auf »AbräumSparen« bestehen lediglich aus span-Elementen und fehlen P- oder Überschriftentags; dadurch fehlt die nötige semantische Struktur. |
|
4.9.3.2.3 Konsistente Navigation |
im Wesentlichen bestanden | Die Hauptnavigation wechselt je Themenbereich zwischen verschiedenen Versionen; da die Bereiche aktuell nur über den Schalter erreichbar sind, wird dieser Prüfschritt knapp mit »im Wesentlichen bestanden« bewertet. |
|
4.9.3.3.2 Beschriftungen (Labels) oder Anweisungen |
im Wesentlichen bestanden | Formularfelder verwenden Platzhalter als Labels; diese verschwinden nach Fokussierung oder Eingabe und können nicht dauerhaft gelesen werden. |
|
4.9.4.1.2 Name, Rolle, Wert (Accordion) |
im Wesentlichen bestanden | Accordion-Elemente haben role=tab, verhalten sich aber nicht wie erwartete Registerkarten und übermitteln Zustandsänderungen nicht zuverlässig, weshalb Screenreader Anwender irritieren. |