Barrierefreiheit

Was bedeutet Barrierefreiheit?

Barrierefreiheit bedeutet, dass Informationen, Angebote und Funktionen einer Website so gestaltet sind, dass sie von allen Menschen unabhängig von körperlichen oder technischen Einschränkungen genutzt werden können. Dazu zählen beispielsweise Menschen mit Seh- oder Hörbeeinträchtigungen, motorischen Einschränkungen oder kognitiven Besonderheiten – aber auch alle, die mobile Geräte, Bildschirmleseprogramme oder alternative Eingabemethoden verwenden.

1. Wahrnehmbarkeit:
Alle Informationen und Elemente auf einer Website müssen für die Nutzer:innen erkennbar und erfassbar sein – unabhängig davon, ob sie sehen, hören oder assistive Technologien nutzen. Dazu gehören z. B. Alternativtexte für Bilder, ausreichend Kontraste oder Untertitel für Videos.

2. Bedienbarkeit:
Die Website muss vollständig und intuitiv bedienbar sein – mit Tastatur, Maus oder anderen Eingabegeräten. Navigation, Formulare und interaktive Inhalte dürfen keine Hindernisse darstellen.

3. Verständlichkeit:
Inhalte und Funktionen sollen klar, konsistent und nachvollziehbar aufgebaut sein. Das betrifft Sprache, Navigation, Formulare und Rückmeldungen ebenso wie die logische Struktur der Seiten.

4. Robustheit:
Die Inhalte müssen technisch so umgesetzt sein, dass sie zuverlässig mit aktuellen und zukünftigen Technologien funktionieren – insbesondere mit Screenreadern, Browsern oder assistiven Tools. Sauberer HTML-Code und richtige Semantik sind dabei entscheidend.

5. Rechtliche Anforderungen:
Ergänzend zu den vier technischen Prinzipien verlangt das Barrierefreiheitsstärkungsgesetz (BFSG) eine transparente Erklärung zur Barrierefreiheit, eine Kontaktmöglichkeit für Rückmeldungen und – wenn notwendig – den Verweis auf eine Schlichtungsstelle.

Wie barrierefrei ist das Angebot?

Bereits barrierefrei umgesetzt

Anpassbare Inhalte: Inhalte wie Zoom und Reflow funktionieren sowohl auf mobilen Geräten als auch auf Desktop-Bildschirmen zuverlässig und ohne Informationsverlust.

Farbliche Unterscheidungen: Die Website verzichtet auf rein farbliche Unterscheidungen – wichtige Informationen werden zusätzlich durch Symbole oder Texte vermittelt.

Navigation: Die Navigationsstruktur ist auf allen Seiten konsistent aufgebaut und sorgt für eine einheitliche Nutzererfahrung.

Erwartbares Verhalten: Interaktive Elemente wie Buttons und Formulare reagieren logisch, nachvollziehbar und entsprechen den Erwartungen der Nutzerinnen und Nutzer.

Formularhilfen: Fehlermeldungen in Formularen werden nicht nur farblich, sondern zusätzlich mit erklärenden Texten ausgegeben.

Einheitliche Gestaltung: Begriffe, Navigationselemente und Bedienelemente sind einheitlich benannt und gestaltet – das erleichtert die Orientierung.

Sprachkennzeichnung: Die Sprache der Website ist korrekt im HTML-Code ausgezeichnet (lang="de").

Kontextwechsel: Beim Navigieren auf der Website finden keine unerwarteten Kontextwechsel statt – z. B. durch automatische Fensteröffnungen oder Sprünge.

Barrierefreiheitserklärung: Eine vollständige Erklärung zur digitalen Barrierefreiheit mit Feedback-Möglichkeit und Verweis auf eine Schlichtungsstelle.

In Arbeit

Alternativtexte für Bilder und Icons: Einige Bilder und grafische Elemente enthalten noch keine aussagekräftigen Alternativtexte und sind dadurch für Screenreader-Nutzerinnen und -Nutzer nicht vollständig zugänglich.

Kontraste: Einzelne Textelemente, insbesondere graue Schrift auf farbigem Hintergrund oder Texte auf Bildern, erfüllen noch nicht durchgängig die erforderlichen Kontrastverhältnisse (mind. 4.5:1).

Schriftgrößen: In bestimmten Bereichen der Website, z. B. Breadcrumbs oder Reiseübersichten, liegen Schriftgrößen unter der empfohlenen Mindestgröße von 16 Pixel.

Bewegte Inhalte: Slider und automatisch ablaufende Inhalte verfügen aktuell nicht über eine Pausier- oder Anhaltefunktion.

Tastaturbedienung: Die Hauptnavigation und einige Formularelemente sind nicht vollständig per Tastatur bedienbar. Ein sichtbarer Fokus ist ebenfalls nicht überall vorhanden.

Sprungmarken (Skip-Links): Es sind aktuell keine Mechanismen vorhanden, mit denen Nutzerinnen und Nutzer direkt zum Hauptinhalt der Seite springen können.

HTML-Struktur: Auf verschiedenen Unterseiten ist die semantische Strukturierung – z. B. mit h1 bis h6 – noch nicht korrekt umgesetzt.

Screenreader-Kompatibilität: Die Navigation ist derzeit mit Screenreadern nur eingeschränkt nutzbar, insbesondere im Hinblick auf Lesereihenfolge und Fokusverlauf.

ARIA-Rollen: In der Navigation fehlen aktuell definierte ARIA-Rollen, was die Nutzung unterstützender Technologien beeinträchtigen kann.

Code-Validierung: Die HTML-Syntax enthält an mehreren Stellen Fehler, z. B. durch fehlerhafte Verschachtelungen oder nicht korrekt eingebundene externe Inhalte.

Marktüberwachungsdokumentation: Die gesetzlich geforderte Dokumentation zur Barrierefreiheit (z. B. Prüfberichte, Nachweise) ist in Vorbereitung.