Le problème
Des td en gras n’ont pas la sémantique d’en-têtes. À la lecture cellule par cellule, une valeur peut perdre sa relation avec le lieu, la date ou la mesure.
Exemple : mauvais et correct
Mauvais
<table>
<tr><td>Salle</td><td>Places</td></tr>
<tr><td>Atlas</td><td>24</td></tr>
</table>Correct
<table>
<caption>Capacité des salles</caption>
<thead>
<tr><th scope="col">Salle</th><th scope="col">Places</th></tr>
</thead>
<tbody>
<tr><th scope="row">Atlas</th><td>24</td></tr>
</tbody>
</table>24 est lié à « Places » et « Atlas ». caption nomme le tableau pour le retrouver et le comprendre.
RGAA concerné
Les critères dépendent de l’élément, de son usage et des cas particuliers applicables. Voici les contrôles à examiner pour ce sujet.
- Critère 5.4 — Associer le titre existant au tableau.
- Critère 5.5 — Vérifier sa pertinence.
- Critère 5.6 — Déclarer les en-têtes.
- Critère 5.7 — Associer les cellules aux bons en-têtes.
Impact utilisateur
Au lecteur d’écran, les associations permettent de comparer tarifs, dates ou quantités sans mémoriser chaque position, particulièrement dans les tableaux larges.
Correction
- Marquez les en-têtes avec th. Dans ce tableau simple, scope="col" et scope="row" indiquent leur direction. Associez tout titre existant, généralement avec caption.
- Simplifiez les tableaux complexes. Si nécessaire, utilisez id sur les en-têtes et headers sur les cellules ; vérifiez chaque correspondance.
- Pour un tableau complexe, vérifiez aussi le résumé de structure et sa pertinence aux critères 5.1 et 5.2. Il ne remplace pas le titre.
Méthode de test
- Inspectez th et associations : ils doivent suivre la structure des données.
- Au lecteur d’écran, parcourez les cellules : pour 24, vérifiez les en-têtes « Atlas » et « Places », selon les réglages utilisés.
- Vérifiez le titre et l’accès à fort zoom. Un défilement local peut être nécessaire sans empêcher la consultation des données.
Points de vigilance
- thead ne transforme pas td en en-tête.
- Les tableaux de mise en forme relèvent d’autres tests, notamment 5.3 et 5.8.
Sources officielles
Le RGAA fournit les critères de contrôle. Les ressources du W3C et du WHATWG complètent les méthodes de mise en œuvre ; elles ne remplacent pas les tests RGAA.