Code Accessibility
Barrierefreier Code liefert mehr als Pixel.
Er macht Struktur, Namen, Rollen und Zustände für Browser und assistive Technik erkennbar und hält Bedienfunktionen per Tastatur erreichbar. Native HTML-Elemente liefern die robuste Basis.
Browser-Vertrag
Ein Element. Vier Zusagen.
Mit Tab fokussieren. Mit Enter oder Leertaste öffnen.
<button type="button">- Rollebutton
Prüfdetails- NamePrüfdetails
aria-expanded="false" · hidden- Zustandgeschlossen
native <button>- TastaturTab · Enter · Leertaste
Das echte Element hält sichtbaren Inhalt und programmatischen Zustand synchron.
Navigation · Formulare · Statusmeldungen
Grundregel: Native HTML zuerst. ARIA ergänzt fehlende Semantik; es erzeugt weder Fokus noch Tastaturverhalten. Prüfen Sie das gerenderte Ergebnis.