Barrierefreiheit

Als technisches Entwicklungsziel orientieren wir uns an den Web Content Accessibility Guidelines (WCAG) 2.2, Konformitätsstufe AA. Eine formale Konformitätsprüfung oder Zertifizierung durch eine externe Stelle hat bisher nicht stattgefunden. Wir behaupten daher weder eine Zertifizierung noch vollständige Barrierefreiheit, sondern beschreiben nachfolgend nur das, was tatsächlich umgesetzt ist.

Wir setzen bewusst keine externen Accessibility-Overlays ein. Barrierefreiheit wird direkt im HTML, CSS und in den Komponenten umgesetzt.

• Sprachauszeichnung der Seiten mit lang="de".
• Semantische Struktur mit header, nav, genau einem main und footer je Seite sowie einer nachvollziehbaren Überschriftenhierarchie mit genau einer H1.
• Skip-Link „Zum Hauptinhalt springen“ auf allen öffentlichen Seiten.
• Vollständige Tastaturbedienbarkeit von Navigation, Suche, Autovervollständigung, Fachbereichskarten, Consent-Banner, Consent-Dialog und Darstellungsmenü.
• Durchgehend sichtbare Fokuszustände; kein Entfernen des Fokusrings ohne Ersatz.
• Suchfeld mit echtem Accessible Name, ARIA-Combobox-Auszeichnung,aria-activedescendant für die aktive Option sowie Bedienung über Pfeiltasten, Enter und Escape.
• Statusmeldungen der Suche werden über eine aria-live-Region angekündigt (Anzahl Vorschläge, Ergebnis der Suche).
• Echte Buttons und Links statt klickbarer div-Elemente.
• Alternativtexte für inhaltlich relevante Bilder; rein dekorative Grafiken und Icons sind für Hilfstechnologien ausgeblendet.
• Icon-Schaltflächen besitzen einen Accessible Name.
• Berücksichtigung von prefers-reduced-motion und prefers-contrast.
• Eigenes Darstellungsmenü mit Schriftgröße (Standard, Größer, Sehr groß), Kontrastverstärkung, Hervorhebung von Links und Reduzierung von Bewegung.
• Ausreichend große Bedienelemente auf Mobilgeräten (mindestens 44 × 44 px).
• Responsive Layout ohne horizontales Scrollen; Browserzoom bleibt nutzbar.
• Farbe wird nicht als alleiniges Unterscheidungsmerkmal eingesetzt.
• Mobile Navigation als echte Schaltfläche mit aria-expanded, Tastaturbedienung und Schließen über die Escape-Taste.
• Dialoge (Newsletter-Hinweis, Consent-Einstellungen) sind als role="dialog" mit aria-modal ausgezeichnet, halten den Fokus im Dialog (Fokusfalle), lassen sich mit Escape schließen und geben den Fokus danach an das auslösende Element zurück.
• Formularfelder haben sichtbare, verknüpfte Beschriftungen; Fehlermeldungen werden über role="alert" in einer aria-live-Region angekündigt, fokussiert und mit dem betroffenen Feld verknüpft.
• Die Themenauswahl im Newsletter-Hinweis besteht aus echten Schaltflächen mit aria-pressed und ist vollständig per Tastatur bedienbar.
• Hinweise zu KI-generierten Bildern stehen sichtbar als Bildunterschrift und nicht im Alternativtext.

• Tab / Umschalt + Tab: durch alle Bedienelemente in logischer Reihenfolge bewegen.
• Enter bzw. Leertaste: Links, Schaltflächen, Checkboxen und Themen-Chips auslösen.
• Pfeiltasten: Vorschläge in der Suche auswählen, Enter übernimmt, Escape schließt die Liste.
• Escape: schließt Dialoge, das mobile Menü und das Darstellungsmenü.
• Der Skip-Link erscheint beim ersten Tabulatorsprung und führt direkt zum Hauptinhalt.

Über die Schaltfläche „Barrierefreiheit“ unten links kannst du die Darstellung anpassen:

• Schriftgröße: Standard, Größer, Sehr groß.
• Kontrast erhöhen: stärkere Text- und Rahmenkontraste.
• Links hervorheben: Links werden zusätzlich unterstrichen.
• Bewegung reduzieren: Animationen und weiches Scrollen werden abgeschaltet.
• Einstellungen jederzeit zurücksetzbar.

Die Einstellungen werden ausschließlich lokal in deinem Browser gespeichert (First-Party, kein Cookie, keine Übertragung an uns oder Dritte). Systemvorgaben wie prefers-reduced-motion und prefers-contrast werden auch ohne eigene Auswahl berücksichtigt. Wir setzen bewusst kein externes Accessibility-Overlay ein.

• Es liegt bisher keine formale externe Prüfung und kein Test mit Betroffenen vor; die Bewertung beruht auf internen Prüfungen.
• Einzelne sekundäre Textelemente können in bestimmten Zoomstufen knapp an der AA-Kontrastschwelle liegen. Die Option „Kontrast erhöhen“ schafft hier Abhilfe.
• Verlassen Nutzerinnen und Nutzer unsere Seite in Richtung eines externen Fachportals, gilt dort die Barrierefreiheit des jeweiligen Anbieters.
• Der interne Administrationsbereich ist nicht Teil des öffentlichen Angebots und wurde nicht auf Barrierefreiheit geprüft.

Wenn dir eine Barriere auffällt oder du Inhalte nicht nutzen kannst, melde dich gerne – wir bessern nach.

E-Mail: info@grossmann-web-media.de
Telefon: 0173 8902083
Post: Grossmann Web & Media, Am Varrenbruch 8, 29690 Schwarmstedt

Weitere Angaben zum Verantwortlichen findest du im Impressum.

Letzte interne Prüfung: 25. August 2026.