Shield Docs

Design System

Accessibility

Component A11y Guidelines

  • Nutze native Semantik, ARIA nur wenn noetig.
  • Alle interaktiven Komponenten muessen per Tastatur bedienbar sein.
  • Focus States muessen sichtbar und kontrastreich sein.
  • Inputs brauchen ein Label und klare Fehlermeldungen.
  • Dokumentiere Screenreader-Verhalten pro Komponente.

Pruef-Checkliste

  • Tastatur-Navigation ohne Maus vollstaendig testbar.
  • Fokus-Reihenfolge logisch und vorhersagbar.
  • Kontraste fuer Text und Controls ausreichend.
  • Screenreader-Ansagen fuer Labels, States und Errors korrekt.