Ne pas utiliser un tableau pour mettre en forme du texte

  • Accessibilité
  • Texte

Source

Critère 5.3 - RGAA

Comprendre

Les personnes aveugles et très malvoyantes qui utilisent un lecteur d’écran parcourent le contenu du tableau de manière séquentielle. Elles ont donc besoin que l’information ne repose pas sur la position visuelle des éléments, mais qu’elle suive un ordre logique dans le code source.

Il faut donc prêter attention à l’ordre de lecture des tableaux par les lecteurs d’écran, qui correspond à l’ordre du code source. On parle alors de « contenu linéarisé ».

Consultez le guide des impacts sur les utilisateurs 

Access42 - Exemple -  Comment intégrer des tableaux HTML accessibles et conformes au RGAA

Capture%20d%e2%80%99e%cc%81cran%202023 11 21%20a%cc%80%2015.03.05

Mise en œuvre

  • Utilisez une liste pour structurer le contenu
  • Si cela n’est pas possible,
  • Ajoutez la propriété ARIA role="presentation" sur la balise table pour que votre tableau de mise en forme ne soit pas restitués comme un tableau de données.
  • Structurez le contenu de chaque tableau de mise en forme de manière sémantique, comme vous le feriez s’il n’y avait pas de tableau : en utilisant des paragraphes, des titres, des listes, etc.