• 38100 Braunschweig, Deutschland
  • Mo – Fr: 8:00 – 17:00 | Notdienst: Mo – So 24h
+49 176 23 68 7777
Click here
Anfrage senden

Erklärung zur Barrierefreiheit

Die [Name der Organisation] ist bestrebt, ihre Website im Einklang mit dem Barrierefreiheitsstärkungsgesetz (BFSG) und den Web Content Accessibility Guidelines (WCAG) 2.1 Level AA barrierefrei zugänglich zu machen.

Stand der Umsetzung

Diese Erklärung wurde am [Datum] erstellt.

Unsere Website [Website URL] ist mit den Anforderungen des Barrierefreiheitsstärkungsgesetzes (BFSG) und den Web Content Accessibility Guidelines (WCAG) 2.1 auf Konformitätsstufe AA weitgehend vereinbar.

Durchgeführte Maßnahmen

Die [Name der Organisation] hat umfassende Anpassungen vorgenommen, um allen Nutzerinnen und Nutzern einen gleichberechtigten Zugang zu Informationen und Funktionen zu ermöglichen.

1. Semantische Struktur und Überschriften-Hierarchie

Alle Seiten der Website wurden mit einer logischen und barrierefreien Überschriften-Struktur (H1-H6) ausgestattet:

Umgesetzte Seiten:

  • [Seite 1]

  • [Seite 2]

  • [Seite 3]

Barrierefreiheitsnutzen:

  • Screenreader-Nutzer können die Seitenstruktur über Überschriften navigieren

  • Logische Hierarchie ermöglicht das Überspringen von Abschnitten

  • Klare thematische Gruppierung aller Inhalte

WCAG-Konformität: Erfüllt Kriterium 1.3.1 (Info und Beziehungen) und 2.4.6 (Überschriften und Beschriftungen)

2. Semantische Regionen (ARIA Landmarks)

Alle Bereiche der Website wurden mit semantischen HTML5-Elementen und ARIA-Landmarks ausgezeichnet:

Umgesetzte Bereiche:

  • Header-Bereich (<header> / role="banner")

  • Hauptnavigation (<nav> / role="navigation")

  • Hauptinhalt (<main> / role="main")

  • Footer-Bereich (<footer> / role="contentinfo")

Barrierefreiheitsnutzen:

  • Screenreader können direkt zu wichtigen Bereichen springen

  • Effiziente Navigation durch die Seitenstruktur

  • Klare programmatische Abgrenzung der Inhaltsbereiche

WCAG-Konformität: Erfüllt Kriterium 1.3.1 (Info und Beziehungen)

3. Skip-Link (Sprungmarke zum Hauptinhalt)

Ein Skip-Link wurde als erstes fokussierbares Element implementiert:

Technische Umsetzung:

  • Visuell verborgen bis zur Tastaturfokussierung

  • Erscheint bei erster Tab-Betätigung

  • Verweist auf Anker am Beginn jeder Seite

  • Ermöglicht das Überspringen wiederkehrender Navigationselemente

Barrierefreiheitsnutzen:

  • Tastatur-Nutzer müssen nicht durch die gesamte Navigation navigieren

  • Direkter Zugriff auf den Hauptinhalt

  • Zeitersparnis bei der Navigation

WCAG-Konformität: Erfüllt Kriterium 2.4.1 (Blöcke umgehen)

4. Vollständige Tastaturzugänglichkeit

Die gesamte Website wurde auf vollständige Tastaturzugänglichkeit optimiert:

Umgesetzte Maßnahmen:

  • Alle Menüpunkte sind per Tab-Taste erreichbar

  • Buttons und Links sind mit Enter/Leertaste auslösbar

  • Formularfelder sind vollständig bedienbar

  • Logische Tab-Reihenfolge entspricht der visuellen Anordnung

  • Keine Tastaturfallen oder unzugänglichen Bereiche

Barrierefreiheitsnutzen:

  • Vollständige Navigation ohne Maus möglich

  • Unabhängigkeit von Zeigegeräten

  • Zugänglichkeit für motorisch eingeschränkte Nutzer

WCAG-Konformität: Erfüllt Kriterium 2.1.1 (Tastatur) und 2.4.3 (Fokus-Reihenfolge)

5. Sichtbare Fokus-Zustände

Ein hochkontrastierender Fokus-Indikator wurde global implementiert:

Technische Merkmale:

  • Deutlich erkennbare Fokus-Rahmen auf allen interaktiven Elementen

  • Kontrastreiche Farbgebung

  • Dynamische Anwendung auf alle Buttons, Links, Formularfelder und Menüpunkte

  • Konsistentes Design über alle Seitentypen hinweg

Barrierefreiheitsnutzen:

  • Tastatur-Nutzer können jederzeit erkennen, welches Element fokussiert ist

  • Verbesserte Orientierung bei der Navigation

  • Reduzierung von Bedienfehlern

WCAG-Konformität: Erfüllt Kriterium 2.4.7 (Fokus sichtbar)

6. Optimierung von Farbkontrasten

Alle Textelemente wurden auf ausreichende Farbkontraste überprüft und angepasst:

Statische Textelemente:

  • Texte und Metadaten wurden für maximale Lesbarkeit optimiert.

Dynamische Bildhintergründe:

  • Die Overlay-Deckkraft wurde erhöht, um die Lesbarkeit der darüberliegenden Texte sicherzustellen.

Barrierefreiheitsnutzen:

  • Lesbarkeit für sehbehinderte Nutzer deutlich verbessert

  • Unabhängigkeit vom Bildmotiv

  • Konsistente Zugänglichkeit auf allen Seiten

WCAG-Konformität: Erfüllt Kriterium 1.4.3 (Kontrast Minimum)

7. Barrierefreie Formular-Elemente

Alle Formular-Eingabefelder wurden mit beschreibenden Labels versehen:

Barrierefreiheitsnutzen:

  • Screenreader können den Zweck von Eingabefeldern eindeutig identifizieren

  • Klare Zuordnung von Beschriftung und Eingabefeld

  • Verbesserte Bedienbarkeit für alle Nutzer

WCAG-Konformität: Erfüllt Kriterium 3.3.2 (Labels oder Anweisungen)

8. Ersetzung von Title-Attributen durch ARIA-Labels

Title-Attribute wurden von Links, Buttons und Eingabefeldern entfernt und durch barrierefreie ARIA-Labels ersetzt:

Barrierefreiheitsnutzen:

  • Standardisierte Ausgabe für assistive Technologien

  • Konsistente Interpretation durch Screenreader

  • Keine Browser-abhängigen Darstellungsprobleme

WCAG-Konformität: Erfüllt Kriterium 1.3.1 (Info und Beziehungen)

9. Entfernung von target=“_blank“ Attributen

Links öffnen nicht mehr automatisch in neuen Tabs/Fenstern:

Barrierefreiheitsnutzen:

  • Keine unerwarteten Kontextänderungen

  • Nutzer behalten Kontrolle über die Navigation

  • Vermeidung von Orientierungsverlust

  • Funktionsfähige Zurück-Navigation

WCAG-Konformität: Erfüllt Kriterium 3.2.5 (Änderung auf Anforderung)

10. Korrektur von Tabindex-Werten

Fehlerhafte oder künstlich gesetzte Tabindex-Werte wurden entfernt:

Barrierefreiheitsnutzen:

  • Vorhersehbare und intuitive Tastaturnavigation

  • Logische Fokus-Reihenfolge

  • Keine verwirrenden Sprünge bei Tab-Navigation

WCAG-Konformität: Erfüllt Kriterium 2.4.3 (Fokus-Reihenfolge)

11. Tastaturzugänglichkeit für nicht-semantische Elemente

Nicht-semantische Elemente, die als Buttons fungieren, wurden tastaturzugänglich gemacht:

Barrierefreiheitsnutzen:

  • Alle interaktiven Elemente per Tastatur erreichbar

  • Korrekte Rollenauszeichnung für Screenreader

  • Eindeutige Beschriftung durch ARIA-Labels

WCAG-Konformität: Erfüllt Kriterium 2.1.1 (Tastatur) und 4.1.2 (Name, Rolle, Wert)

Zusammenfassung der Barrierefreiheits-Maßnahmen

Erfüllung der WCAG 2.1 Erfolgskriterien

Die durchgeführten Anpassungen adressieren folgende WCAG 2.1 Erfolgskriterien:

Level A:

  • 1.1.1 Nicht-Text-Inhalt

  • 1.3.1 Info und Beziehungen

  • 2.1.1 Tastatur

  • 2.4.1 Blöcke umgehen

  • 2.4.3 Fokus-Reihenfolge

  • 3.3.2 Labels oder Anweisungen

  • 4.1.2 Name, Rolle, Wert

Level AA:

  • 1.4.3 Kontrast (Minimum)

  • 2.4.6 Überschriften und Beschriftungen

  • 2.4.7 Fokus sichtbar

Level AAA:

  • 3.2.5 Änderung auf Anforderung

Erfüllung der BFSG-Anforderungen

Die Website erfüllt die wesentlichen Anforderungen des Barrierefreiheitsstärkungsgesetzes:

Tastaturzugänglichkeit: Alle interaktiven Elemente sind vollständig per Tastatur bedienbar. Vorhersehbare Funktionalität: Nutzer behalten die Kontrolle über Navigationsverhalten und Kontextänderungen. Assistive Technologien: Screenreader können alle Elemente korrekt interpretieren. Formularbarrierefreiheit: Alle Formulareingaben sind eindeutig beschriftet. Farbkontraste: Mindestkontrastverhältnis von 4,5:1 für normalen Text ist gewährleistet. Semantische Struktur: Logische Gliederung ermöglicht effiziente Navigation.

Bekannte Einschränkungen

Die Website ist weitgehend barrierefrei gestaltet. Folgende Bereiche werden kontinuierlich weiterentwickelt:

Externe Inhalte:

  • Eingebettete Social-Media-Feeds unterliegen den Standards der jeweiligen Plattformen.

  • PDF-Dokumente werden sukzessive optimiert.

Multimedia-Inhalte:

  • Videos werden nach Möglichkeit mit Untertiteln versehen.

Karten-Integration:

  • Die Barrierefreiheit von Karten (z. B. Google Maps) richtet sich nach den Standards der Anbieter.

Methodik der Prüfung

Die Barrierefreiheit wurde durch folgende Maßnahmen sichergestellt:

Technische Prüfung:

  • Validierung mit automatisierten Tools (WAVE, axe DevTools)

  • Manuelle Code-Review der HTML-Strukturen

  • Test der Tastaturzugänglichkeit

  • Überprüfung der Farbkontraste

12. Zusätzliche Assistenz-Software (Barrierefreiheits-Widget)

Ergänzend zu den strukturellen und technischen Anpassungen setzen wir die Software-Lösung [Name der Software] ein. Dieses Tool ermöglicht individuelle Anpassungen:

Vordefinierte Profile:

  • Sehbehinderungen (Blindheit, Farbblindheit, Sehschwäche)

  • Kognitive Profile (ADHS, Kognitive Unterstützung, Legasthenie)

  • Motorik & Neurologie (Motorische Einschränkungen, Schutz für Epileptiker)

Individuelle Anpassungen:

  • Text & Lesbarkeit: Skalierung, Zeilenhöhe, Abstände, spezielle Schriftarten.

  • Visuelle Darstellung: Kontraste, Helligkeit, Sättigung, Graustufen, Bilder ausblenden.

  • Navigation & Bedienung: Großer Cursor, Links hervorheben, Animationen pausieren.

Hinweis zur Kompatibilität: Das Plugin unterstützt die Konformität mit WCAG 2.1, ADA und EAA und ist für die gängigen Browser (Chrome, Firefox, Safari, Opera, Edge) optimiert. Wir weisen darauf hin, dass dieses Overlay-Tool eine unterstützende Maßnahme ist und trotz sorgfältiger Implementierung möglicherweise nicht alle Inhalte in jeder Konfiguration perfekt darstellen kann. Wir arbeiten kontinuierlich an der Verbesserung dieser Funktionen. Es handelt sich um eine unterstützende Maßnahme.

Datenschutzhinweis

Bei der Kontaktaufnahme werden personenbezogene Daten auf freiwilliger Basis übermittelt (Art. 6 Abs. 1 lit. a DSGVO). Weitere Informationen finden Sie in unserer Datenschutzerklärung.

Stand dieser Erklärung: [Monat Jahr] Rechtsgrundlage: Barrierefreiheitsstärkungsgesetz (BFSG) Umgesetzt durch: [Name der Firma/Agentur]

Hinweis:

Bei den vorstehenden Inhalten handelt es sich um Platzhalter zur Veranschaulichung der Seitenstruktur und des Designs. Im Rahmen unserer Dienstleistung werden sämtliche Texte individuell auf Ihr Webprojekt abgestimmt, fachgerecht ergänzt und durch uns verwaltet, um eine fortlaufende Übereinstimmung mit den geltenden Anforderungen an die Barrierefreiheit sicherstellen zu können.