Zugänglichkeits-Analyse
Blindheit
Kaum nutzbar
Schwerwiegende Screenreader- und Tastaturprobleme (fehlender Fokus in Dialogen, nicht bedienbarer Kalender, fehlerhafte Semantik, keine Skiplinks) erschweren blinden Nutzer*innen die Nutzung erheblich, wenn auch Inhalte grundsätzlich vorhanden sind.
Sehbehinderung
Mit Hindernissen nutzbar
Fehlende Skiplinks, komplexe Navigation und nur farbliche Kennzeichnungen in Teilen (z.B. Paginierung) mindern die Nutzbarkeit, sind aber mit Vergrößerung, hohem Kontrast und ggf. Maus grundsätzlich überwindbar.
Hörbehinderung
Mit Hindernissen nutzbar
Fehlende Inhalte und Navigationshinweise in Deutscher Gebärdensprache sowie keine Hinweise auf weitere DGS-Angebote führen zu klaren Barrieren, obwohl textliche Inhalte für schriftsprachkompetente gehörlose Menschen nutzbar sind.
Motorische Behinderung
Kaum nutzbar
Mehrere zentrale Funktionen sind per Tastatur nicht oder nur schlecht bedienbar (Kalender, Pop-ups, Bild-Overlay, Untermenüs), was die Nutzung für viele motorisch eingeschränkte Personen stark einschränkt.
Lernbehinderung
Kaum nutzbar
Fehlende Leichte-Sprache-Angebote, komplexe Navigation, unklare Linkzwecke und unzureichende Fehlerhilfen in Formularen erschweren das Verständnis und die Orientierung deutlich.
Neurodivergenz
Mit Hindernissen nutzbar
Automatisch aufklappende Menüs, fehlende klare Fokusführung, keine Leichte Sprache und teilweise redundante oder unklare Links können die kognitive Belastung erhöhen, lassen aber eine Nutzung mit Aufwand zu.
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.
Gutachten-Historie
09.10.2025
Prüfung vor 8 Monaten
04.09.2023
Prüfung vor 2 Jahren
27.06.2022
Prüfung vor 3 Jahren
Vergleich
| Prüfungsdatum | Prüfart | Abweichende Prüfart | Nicht bestanden | Im Wesentlichen bestanden | Bestanden |
|---|---|---|---|---|---|
| 09.10.2025 | eingehende Überwachung | Nein | 32 | 0 | 0 |
| 04.09.2023 | Vereinfachte Überwachung | Ja | 17 | 11 | 19 |
| 27.06.2022 | Vereinfachte Überwachung | Ja | 21 | 2 | 31 |
Die im Bericht aufgeführten Verstöße – u. a. fehlende semantische Markierungen, fehlende Tastaturbedienbarkeit, fehlende Skiplinks, inkorrekte Fokussteuerung, unzureichende Formularhinweise, unvollständige Alternativtexte sowie fehlende Hinweise zu fremdsprachigen Abschnitten und Angeboten in Gebärdensprache bzw. Leichter Sprache – sind zu beheben, um die BITV-Konformität wiederherzustellen.
| Kriterium | Status | Notizen |
|---|---|---|
|
9.1.1.1 Nicht-Text-Inhalt |
nicht bestanden | Alt-Texte im Social-Media-Bereich geben lange Beitragsdetails, Hashtags oder Emojis wieder, statt den sichtbaren Inhalt knapp zu beschreiben. Ersetzen Sie sie durch präzise Motivbeschreibungen beziehungsweise setzten Sie dekorative Bilder auf alt="". |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Das Label „Bitte wählen Sie Ihren Ansprechpartner aus:“ referenziert ein falsches for-Attribut (email_cc statt contact_form_email_cc), wodurch eine programmatische Verbindung zum Kombinationsfeld fehlt. Korrigieren Sie das for-Attribut. |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Links innerhalb einer Linkliste sind als Überschriften (h4) ausgezeichnet, obwohl sie auf Ziele verweisen. Entfernen Sie die Überschriftenprägung und nutzen Sie ausschließlich das Linkelement <a>, ggf. visuell über CSS hervorhebend. |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Die Footer-Links sind nicht in einem semantisch gekennzeichneten Navigationsbereich (<nav> oder role="navigation"). Fassen Sie die Links in ein nav-Element (oder mit role="navigation") zusammen, damit Screenreader den Bereich als Navigation erkennen. |
|
9.1.3.2 Bedeutungsvolle Reihenfolge |
nicht bestanden | Untermenüs öffnen sich automatisch beim Fokussieren eines Haupteintrags und lassen sich nicht schließen, wodurch Tastatur- und Screenreadernutzende unnötig viele Punkte durchlaufen müssen. Öffnen Sie Untermenüs erst nach expliziter Aktion (z. B. Enter oder Pfeiltaste) und erlauben Sie ein Schließen (z. B. ESC). |
|
9.1.3.2 Bedeutungsvolle Reihenfolge |
nicht bestanden | Die Kalenderstruktur im Bereich „Veranstaltungen“ besitzt keine semantische Tabellenstruktur, keine Verknüpfung von Überschriften und keine aussagekräftige Beschriftung der einzelnen Tage. Ergänzen Sie korrekte <th> für Wochentage, aria-labels für Tage mit Veranstaltungen und setzen Sie interaktive Tage mit role="button" samt Tastaturzugänglichkeit um. |
|
9.1.4.1 Benutzung von Farbe |
nicht bestanden | Die aktive Seite in der Paginierung ist ausschließlich farblich gekennzeichnet. Ergänzen Sie ein weiteres wahrnehmbares Merkmal (z. B. Fettschrift, Unterstreichung, Rahmen oder Symbol), damit Nutzende mit Farbfehlsichtigkeit den aktiven Link erkennen. |
|
9.1.4.13 Eingeblendeter Inhalt bei Darüberschweben (Hover) oder Fokus |
nicht bestanden | Eingeblendete Untermenüs lassen sich weder erneut über das auslösende Element schließen noch per ESC-Taste. Implementieren Sie eine eindeutige Möglichkeit, die Untermenüs wieder zu schließen. |
|
9.2.1.1 Tastatur |
nicht bestanden | Das Pop-up „Benachrichtigungseinstellungen“ lässt sich nach dem Öffnen nicht per Tastatur fokussieren, wodurch alle enthaltenen Bedienelemente unerreichbar sind. Setzen Sie den Tastaturfokus beim Öffnen automatisch in das Fenster und stellen Sie sicher, dass alle Elemente per Tab erreichbar sind. |
|
9.2.1.1 Tastatur |
nicht bestanden | Der Veranstaltungen-Kalender lässt sich nicht per Tastatur bedienen: Monatsnavigation sowie Kalendertage sind nicht fokussierbar oder reagieren nicht auf Tastaturaktionen. Nehmen Sie alle interaktiven Elemente in die Fokusreihenfolge auf. |
|
9.2.1.1 Tastatur |
nicht bestanden | Beim Öffnen des Bild-Overlays bleibt der Fokus auf der Hintergrundseite, sodass Tastaturnutzende das Overlay nicht wahrnehmen oder bedienen können. Setzen Sie den Fokus automatisch in das Overlay, sperren Sie den Hintergrund (Fokusfalle) und geben Sie beim Schließen den Fokus zurück auf den auslösenden Schalter (ARIA role="dialog", aria-modal="true"). |
|
9.2.4.1 Blöcke überspringen |
nicht bestanden | Auf allen Stichproben fehlt ein Skiplink, um wiederkehrende Bereiche zu überspringen. Fügen Sie einen sicht- und fokussierbaren Skiplink mit Ziel zum Hauptinhalt (z. B. href="#maincontent") hinzu. |
|
9.2.4.2 Seite mit Titel |
nicht bestanden | Browser-Tabs, Lesezeichen und Screenreader-Übersichten besitzen keinen aussagekräftigen Titel, viele Unterseiten nutzen nur den Website-Namen. Tragen Sie in jedem Dokument einen eindeutigen <title>-Eintrag ein (zuerst Seitenthema, dann Website-Name). |
|
9.2.4.3 Fokus-Reihenfolge |
nicht bestanden | Nach Aktivierung des „Nach oben“-Buttons verbleibt der Fokus im Footer und zeigt nicht auf den Seitenanfang. Setzen Sie den Fokus stattdessen auf ein sinnvolles Element am Seitenanfang (z. B. Hauptüberschrift). |
|
9.2.4.3 Fokus-Reihenfolge |
nicht bestanden | Das Formular im Kontaktbereich springt nach fehlerhaftem Absenden mit Fokus an den Seitenanfang, statt auf das erste fehlerhafte Feld oder die zugehörige Fehlermeldung. Stellen Sie sicher, dass der Fokus automatisiert auf das erste fehlerhafte Eingabefeld gesetzt wird und verknüpfen Sie Fehlermeldungen über aria-describedby oder Statusmeldungen. |
|
9.2.4.4 Linkzweck (im Kontext) |
nicht bestanden | Überschrift und Link „mehr“ unterhalb der Startseiten-Collage verweisen mehrfach auf dasselbe Ziel, wodurch mehrere identische Links ohne Differenzierung entstehen; externe Links fehlen als solche gekennzeichnet. Fassen Sie redundante Links zu einem einzigen Bereich zusammen und kennzeichnen Sie externe Verweise über aria-label. |
|
9.2.4.4 Linkzweck (im Kontext) |
nicht bestanden | Die Paginierungselemente sind lediglich als „1“, „2“, „3“ oder „›“ beschriftet; Screenreader erhalten keinen Kontext. Ergänzen Sie aria-labels (z. B. aria-label="Seite 2", aria-label="Nächste Seite") und markieren Sie die aktive Seite via aria-current="page". |
|
9.3.1.2 Sprache von Teilen |
nicht bestanden | Englischsprachige Textabschnitte in den Social-Media-Beiträgen sind nicht mit lang-Attributen versehen, Screenreader geben sie falsch in der Standardsprache wieder. Kennzeichnen Sie fremdsprachige Textteile mit lang="en" (oder entsprechend) für korrekte Aussprache. |
|
9.3.3.1 Fehlerkennzeichnung |
nicht bestanden | Fehlerhafte Formularfelder werden nur farblich markiert, fehlende textuelle Fehlermeldungen lassen Tastatur- und Screenreadernutzende im Unklaren. Ergänzen Sie zu jedem fehlerhaften Feld eine programmatisch verknüpfte Fehlermeldung (z. B. via aria-describedby) und kennzeichnen Sie das Feld ggf. mit aria-invalid="true". |
|
9.3.3.3 Vorschlag bei Fehler |
nicht bestanden | Das Sender-Email-Feld akzeptiert beliebige Eingaben (z. B. „mmmm“) ohne Formatprüfung oder Eingabehilfe, da type="text" verwendet wird. Setzen Sie type="email", zeigen Sie ein Formatbeispiel (z. B. beispiel@domain.de) und liefern Sie verständliche Fehlermeldungen. |
|
9.4.1.2 Name, Rolle, Wert |
nicht bestanden | Die automatischen Untermenüs geben keine programmatischen Zustandsinformationen (aria-expanded, aria-haspopup, aria-controls), sodass Screenreader nicht erfahren, ob ein Untermenü geöffnet ist. Ergänzen/aktualisieren Sie die ARIA-Attribute für jeden aufklappbaren Eintrag. |
|
9.4.1.2 Name, Rolle, Wert |
nicht bestanden | Container mit tabindex="0" und role="button" suggerieren eine interaktive Steuerung, obwohl nur statische Links vorhanden sind, wodurch Screenreader die Struktur falsch interpretieren. Entfernen Sie tabindex="0", role="button" und aria-expanded, damit nur die eigentlichen Links erreichbar sind. |
|
Einem Link auf enthaltene Inhalte in Deutscher Gebärdensprache Zusatzkriterien: Deutsche Gebärdensprache |
nicht bestanden | Ein Link auf Inhalte in Deutscher Gebärdensprache ist nicht vorhanden. Ergänzen Sie einen entsprechenden Hinweis mit Link. |
|
Informationen zu den wesentlichen Inhalten (Deutscher Gebärdensprache) Zusatzkriterien: Deutsche Gebärdensprache |
nicht bestanden | Informationen zu den wesentlichen Inhalten in Deutscher Gebärdensprache fehlen. Stellen Sie diese Inhalte bereit. |
|
Hinweise zur Navigation (Deutscher Gebärdensprache) Zusatzkriterien: Deutsche Gebärdensprache |
nicht bestanden | Hinweise zur Navigation in Deutscher Gebärdensprache fehlen. Ergänzen Sie entsprechende Informationen. |
|
Erläuterung der wesentlichen Inhalte der Erklärung zur Barrierefreiheit (Deutscher Gebärdensprache) Zusatzkriterien: Deutsche Gebärdensprache |
nicht bestanden | Eine Erläuterung der wesentlichen Inhalte der Barrierefreiheitserklärung in Deutscher Gebärdensprache ist nicht vorhanden. Stellen Sie einen entsprechenden Inhalt bereit. |
|
Hinweise auf weitere vorhandene Informationen in Deutscher Gebärdensprache Zusatzkriterien: Deutsche Gebärdensprache |
nicht bestanden | Hinweise auf weitere Informationen in Deutscher Gebärdensprache fehlen. Ergänzen Sie entsprechende Verweise. |
|
Einem Link auf enthaltene Inhalte in Leichter Sprache Zusatzkriterien: Leichte Sprache |
nicht bestanden | Ein Link auf Inhalte in Leichter Sprache ist nicht vorhanden. Ergänzen Sie einen entsprechenden Hinweis mit Link. |
|
Informationen zu den wesentlichen Inhalten (Leichter Sprache) Zusatzkriterien: Leichte Sprache |
nicht bestanden | Informationen zu den wesentlichen Inhalten in Leichter Sprache fehlen. Stellen Sie diese Inhalte bereit. |
|
Hinweise zur Navigation (Leichter Sprache) Zusatzkriterien: Leichte Sprache |
nicht bestanden | Hinweise zur Navigation in Leichter Sprache sind nicht vorhanden. Ergänzen Sie entsprechende Informationen. |
|
Erläuterung der wesentlichen Inhalte der Erklärung zur Barrierefreiheit (Leichter Sprache) Zusatzkriterien: Leichte Sprache |
nicht bestanden | Eine Erläuterung der wesentlichen Inhalte der Barrierefreiheitserklärung in Leichter Sprache fehlt. Ergänzen Sie diesen Inhalt. |
|
Hinweise auf weitere vorhandene Informationen in Leichter Sprache Zusatzkriterien: Leichte Sprache |
nicht bestanden | Hinweise auf weitere Informationen in Leichter Sprache sind nicht vorhanden. Ergänzen Sie entsprechende Verweise. |