Allgemein
<fieldset>
nur einsetzen, wo sinnvoll<fieldset>
ohne<legend>
ergibt keinen sinn<legend>
wird vor jedem Formularfeld als Präfix verlesen- nur bei mehr als einem Formularfeld
<label>
verwenden (bei allen Elementen außer<button>
)
Progressive Enhancement
- solide HTML-Lösung als Basis
- optische Aufwertung per CSS
- z.B.
<input type="radio">
verbergen, stattdessen<label>
s zeigen und stylen
- z.B.
- Funktionale Aufwertung per JavaScript, z.B. dynamisches Laden per AJAX
- Weitere Ergänzung durch WAI-ARIA
- Live Regions: Werden von Screenreadern verlesen, sobald sich der Inhalt ändert
- Z.B. während und bei Abschluss von AJAX-Ladevorgängen oder zur Formularvalidierung
- Live Regions: Werden von Screenreadern verlesen, sobald sich der Inhalt ändert
<div aria-live="assertive" role="alert">Daten werden geladen ...</div>