A11y-Audit
Live-Prüfung jeder Showcase-Seite gegen WCAG-Regeln. Powered by axe-core — gleiches Tool wie Lighthouse / Browser-DevTools, in eigener Oberfläche.
Klick auf "Audit starten" — die Prüfung dauert wenige Sekunden.
Was wird geprüft?
- Farb-Kontrast: 4.5:1 für normalen Text, 3:1 für großen Text und UI-Elemente.
- Heading-Hierarchie: Pro Seite genau eine H1, keine Sprünge.
- Alt-Texte: Bilder haben sinnvolle
alt-Attribute, dekorative Bilder leeren Alt. - Form-Labels: Jeder Input hat ein zugeordnetes Label, Pflichtfelder sind markiert.
- ARIA / Landmarks: Strukturmarken (header, nav, main, footer) korrekt gesetzt.
- Keyboard: Fokus-States vorhanden, kein Trap, alles per Tab erreichbar.
Hinweis: Automatische Audits decken etwa 30-40% aller A11y-Probleme ab. Die restlichen 60% — Sinnhaftigkeit von Alt-Texten, Lesefluss, Verstaendlichkeit von Buttons — sind manuelle Prüfungen.