Partie 4 - L'accessibilité

Du code accessible en action

Rendre accessible un formulaire

Prendre un formulaire trop peu structuré et ajouter des ensembles de champs (<fieldset>), des légendes (<legend>), des étiquettes (<label>) et des titres. Puis styler ces éléments au besoin.

Exemple de formulaire accessible.

Rendre accessible un tableau de données

Prendre un tableau de données pauvrement structuré et ajouter un résumé (summary) et une légende (<caption>), des regroupements de lignes (<thead>, <tbody>), des entêtes résumées (abbr) et des liens (id, headers) entre ces entêtes (<th>) et les cellules. Puis styler ces éléments au besoin.

Exemple de tableau accessible.