Objectif
- Permettre aux utilisateurs d’accéder à des tableaux exploitables par leur agent utilisateur et restitués de manière compréhensible dans tous les cas.
- Améliorer l’accessibilité des contenus aux personnes handicapées.
- Améliorer la prise en compte des contenus par les moteurs de recherche et outils d’indexation
Mise en œuvre
Utiliser systématiquement l’élément table et les éléments associés tr, td, th, caption pour baliser les tableaux de données, et non des images reproduisant le tableau.
En savoir plus: table sur MDN
Utiliser systématiquement l'élément table et les éléments associés tr, td, th, caption, pour baliser les tableaux de données, et non des artifices reposant sur des accumulations d'espaces insécables ou de caractères graphiques tels que les pipes (lignes verticales « | »).
En savoir plus: table sur MDN
Contrôle
S’assurer qu’aucun tableau de données n’est géré sous forme d’image.
Pour chaque contenu affiché sous forme de tableau de données (c'est-à-dire associant des cellules de données à des en-têtes de ligne ou de colonnes) :
- S'assurer que celui-ci est balisé avec les éléments HTML
tr(ligne),td(cellule de données),th(en-tête de ligne ou de colonne) etcaption(titre du tableau), par exemple à l'aide d'un outil de développement.
Auteur Opquast - Consulter la licence
Découvrez la certification Opquast
- Une formation et une certification 100% en ligne
- 14 heures en ligne en autonomie, disponible 24h/24, 7j/7
- guide de 200 pages, des quiz, un glossaire, des examens blancs, des articles des videos
- Pour tous les professionnels du Web : marketing, commerciaux, UX, chefs de projet, designers, développeurs, ingénieurs informatiques.
- Une approche multidisciplinaire : SEO, accessibilité, sécurité, écoconception… pour tous les professionnels, débutants comme confirmés.