Teil 4 – Accessibility (Zugänglichkeit)

Zugänglicher Code in Aktion

Formulare zugänglicher gestalten

Angefangen mit einer schlecht strukturierten Tabelle werden nacheinander fieldsets, legends und labels hinzugefügt und deren Aussehen dann nach Belieben verändert.

Beispiel eines zugänglichen Formulars

Zugänglichere Datentabellen

Beginnend mit einer schlecht strukturierten Datentabelle wird durch hinzufügen einer summary und caption, von thead, tbody, th, id, headers, scope und abbr eine verbesserte Struktur und Zugänglichkeit erreicht. Diese Elemente können dann wiederum nach Belieben in ihrem Aussehen angepasst werden:

Beispiel einer zugänglichen Tabelle