Eviter d'utiliser des balises de structure pour la mise en forme visuelle |
Point de contrôle 5,4 de priorité 2 WAI / WCAG 1.0
Description du problème La page contient un tableau utilisé pour présenter des informations tabulaires plutôt qu'à des fins de mise en page (" Informations tabulaires " signifie que la grille à deux dimensions du tableau sert à représenter les relations logiques entre les données se trouvant dans les cellules du tableau). Vérifiez que le tableau sert effectivement à présenter des informations tabulaires. Si le tableau ne représente pas les relations entre les informations, mais qu'il ne sert qu'à afficher une grille à l'écran, cela signifie que la page n'a pas réussi le test.
Procédure de vérification Vérifiez le tableau et son contenu pour déterminer s'il est utilisé pour présenter des informations tabulaires. Si le tableau ne sert qu'à des fins de mise en page, il ne doit pas contenir de balises, telles que CAPTION, TH, THEAD ou TFOOT pour obtenir des effets de mise en forme spéciaux. Supprimez les balises CAPTION, THEAD et TFOOT et remplacez tous les TH par les TD correspondants. Définissez ensuite une classe CSS avec les propriétés de mise en forme nécessaires (par exemple, " font-weight: bold; text-align: center; ") et ajoutez une classe à chaque TD créé.
Explication du problème L'utilisation d'une balise telle que TH pour son effet visuel entrave l'accessibilité. En réalité, certaines technologies d'aide, c'est le cas de ses navigateurs vocaux, utilisent le contenu de l'élément TH lorsque l'utilisateur parcoure un tableau. Chaque fois qu'un utilisateur visite une cellule du tableau, le navigateur recherche la cellule d'en-tête correspondante (qui porte la balise TH) et lit son contenu. De cette façon, l'utilisateur est en mesure de connaître le contexte de la cellule visitée. Cependant, si les balises TH ne sont utilisées qu'à des fins visuelles, le contexte paraîtra très confus pour la personne se servant d'un navigateur vocal.