Divisez les tableaux complexes en tableaux distincts simples, chacun contenant des données se rapportant à un sujet secondaire.
Commencer un nouveau <table> lorsque le sujet change.
Séparez chaque élément de données dans sa propre cellule.
Ne pas utiliser de sauts de ligne (éléments <br>) pour créer des rangées de tableau.
Aligner le texte à gauche et les données numériques à droite.
Différencier visuellement les cellules d’en-tête <th> et de données <td>.
Nommer les rangées paires et impaires de façon différente pour améliorer la lisibilité.
S’assurer que le tableau n’est pas tronqué (p. ex., ne pas utiliser overflow: hidden dans les feuilles de style CSS).
Éviter d’utiliser des tableaux pour la mise en page. Utiliser plutôt une feuille de style CSS pour la mise en page.
Évitez d’avoir des cellules vides. La technologie d’assistance avisera l’utilisateur si la cellule est vide, mais ne lui expliquera pas pourquoi. Fournissez une explication pour les cellules vides dans la légende, le sommaire ou le contenu environnant du tableau. Vous pouvez également inscrire l’une des valeurs suivantes dans la cellule, à condition qu’elle soit claire et ne crée pas de bruit visuel distrayant :