Tableaux de mise en forme

Critère 5.3

Tableaux de mise en forme

Les tableaux utilisés pour la mise en page doivent être linéarisables.

En Bref : L'essentiel à retenir

Évitez d'utiliser des tableaux pour la mise en page et privilégiez CSS.
Si un tableau est nécessaire, ajoutez l'attribut role="presentation".
Assurez-vous que l'ordre de lecture du code HTML reste logique.
Consultez le critère 5.3 du RGAA pour plus de détails sur l'accessibilité.

Objectif

S'assurer que l'utilisation de tableaux pour la mise en page (pratique déconseillée mais existante) ne perturbe pas la lecture.

Solution Technique

Évitez les tableaux de mise en forme : Utilisez CSS (Flexbox, Grid) pour la mise en page.
Si vous devez utiliser un tableau pour la mise en page (ex: email HTML) :
- Ajoutez role="presentation" à la balise <table>.
- Assurez-vous que l'ordre de lecture du code HTML (de gauche à droite, de haut en bas) est logique.

<!-- ✅ Tableau de présentation -->
<table role="presentation">
  <tr>
    <td>Menu</td>
    <td>Contenu principal</td>
  </tr>
</table>

Ressources

Critère 5.3 du RGAA