Files
ndsolutionswebsite/.agents/skills/accessible-inclusive-design/SKILL.md
DanielS 1c185f4121
All checks were successful
Production Build & Deploy / build-and-deploy (push) Successful in 25s
feat: add performance, conversion and accessibility skills
2026-07-07 01:00:21 +02:00

802 B

name, description
name description
accessible-inclusive-design 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.