---
name: accessible-inclusive-design
description: Gewährleistet, dass jede Website ohne Einschränkungen barrierefrei nach den WCAG 2.2 AA Richtlinien bedienbar und rechtssicher ist.
---

# Accessible Inclusive Design Guidelines

*   **Kontrast & Lesbarkeit:** Strikte Einhaltung des Kontrastverhältnisses von mindestens 4.5:1 für Fließtext und 3:1 für große Überschriften und UI-Komponenten.
*   **Keyboard-Navigierbarkeit:** Alle interaktiven Elemente (Buttons, Links, Formulare) müssen logisch mit der Tabulatortaste ansteuerbar sein und einen deutlich sichtbaren `:focus`-State besitzen.
*   **Screenreader-Konformität:** Jedes Bild benötigt ein präzises, beschreibendes `alt`-Attribut. Formularfelder müssen über explizite `<label>`-Tags oder `aria-label` eindeutig verknüpft sein.