Erklärung zur Barrierefreiheit

Drei Stufen (A / A+ / A++) in der Barrierefreiheit-Leiste skalieren die Schriftgröße der gesamten Seite auf 100 %, 125 % oder 150 %. Die Einstellung wird im Browser gespeichert.

WCAG 1.4.4 (Textgröße anpassbar) · BITV §3

Der Kontrast-Button wechselt die gesamte Seite in einen Hochkontrast-Modus mit dunklem Hintergrund und heller Schrift. Die Einstellung wird im Browser gespeichert und auf allen Seiten angewendet.

WCAG 1.4.3 (Kontrast mind. 4,5:1), 1.4.11 (Nicht-Text-Kontrast) · BITV §3

Fließtext auf dieser Website hat ein Kontrastverhältnis von mindestens 7:1 gegenüber dem Hintergrund – das übertrifft den AA-Standard (4,5:1) und erfüllt AAA-Level.

WCAG 1.4.3 (AA), 1.4.6 (AAA) · BITV §3

Alle interaktiven Elemente zeigen bei Tastatur-Navigation einen deutlich sichtbaren gelben Fokus-Rahmen. Der Rahmen erscheint nur bei Tastatur-Bedienung, nicht bei Maus-Klick.

WCAG 2.4.7 (Fokus sichtbar) · BITV §3

Die Seite verwendet durchgehend semantische Elemente (header, main, nav, footer, section) und eine logische Überschriften-Hierarchie (h1–h3).

WCAG 1.3.1 (Info und Beziehungen), 2.4.1 (Blöcke umgehen), 2.4.6 (Überschriften und Labels) · BITV §3

Die Sprache ist im lang="de"-Attribut deklariert, sodass Screenreader korrekt deutsch vorlesen. Jede Seite hat einen eindeutigen <title>.

WCAG 3.1.1 (Sprache der Seite), 2.4.2 (Seitentitel) · BITV §3

Toggle-Switches nutzen role="switch" und aria-checked. Dekorative Elemente sind mit aria-hidden="true" ausgeblendet. Navigationen haben beschreibende aria-label-Attribute („Hauptnavigation“, „Rechtliches“).

WCAG 4.1.2 (Name, Rolle, Wert), 1.1.1 (Nicht-Text-Inhalt), 1.3.1, 2.4.1 · BITV §3

Alle Eingabefelder sind mit <label for="…"> verknüpft, sodass Screenreader die Beschriftung korrekt vorlesen und Klick auf das Label das Feld fokussiert.

WCAG 1.3.1, 3.3.2 (Labels oder Anweisungen) · BITV §3

Ein unsichtbarer Link am Seitenanfang erscheint bei Tastatur-Fokus und ermöglicht es, direkt zum Hauptinhalt zu springen – ohne durch die Navigation tabben zu müssen.

WCAG 2.4.1 (Blöcke umgehen) · BITV §3

Alle fokussierbaren Elemente (Links, Buttons, Formularfelder) zeigen einen gut sichtbaren gelben Rahmen bei Tastatur-Navigation (:focus-visible).

WCAG 2.4.7 (Fokus sichtbar) · BITV §3

Alle interaktiven Elemente (Buttons, Toggles, Links in der Navigation) haben eine Mindestgröße von 44×44 Pixel, sodass sie auch auf Touchscreens zuverlässig bedienbar sind.

WCAG 2.5.5 (Zielgröße, AAA), 2.5.8 (Zielgröße Minimum, AA) · BITV §3

Auf kleinen Bildschirmen wird die Navigation als ausklappbares Hamburger-Menü angezeigt. Das Menü unterstützt Escape zum Schließen, einen Fokus-Trap innerhalb des Menüs und korrekte aria-expanded-Attribute.

WCAG 2.1.1 (Tastatur), 4.1.2 (Name, Rolle, Wert) · BITV §3

Der Button „Leichte Sprache“ in der Barrierefreiheit-Leiste wechselt alle Texte auf der Startseite in eine vereinfachte Version mit kurzen Sätzen und einfachen Wörtern. Die Einstellung wird im Browser gespeichert.

WCAG – (empfohlen, kein Pflichtkriterium) · BITV §4 (Pflicht für öffentliche Stellen)

Der Button „Seite vorlesen“ in der Barrierefreiheit-Leiste liest die gesamte Seite Absatz für Absatz vor. Die Seite scrollt automatisch mit und hebt den aktuellen Absatz gelb hervor. Zusätzlich hat jeder Abschnitt einen eigenen Vorlese-Button (Lautsprecher-Symbol oben rechts). Die Funktion nutzt die browserinterne Sprachsynthese (Web Speech API) – ohne externe Dienste oder Tracking.

WCAG – (empfohlen, kein Pflichtkriterium) · BITV §3(2) (Wahrnehmbarkeit)

Wenn im Betriebssystem „Bewegung reduzieren“ aktiviert ist, werden sämtliche Animationen und Übergänge auf dieser Website sofort deaktiviert – einschließlich Farbwechsel, Toggle-Animationen und Hover-Effekte.

WCAG 2.3.3 (Animation durch Interaktion) · BITV §3