Picto thématique

Règle n° 240 - Les tableaux de données ne sont pas simulés à l'aide de texte mis en forme.

Pour mettre en place un tableau dans une page web, il existe des balises spécifiques. Il est également possible de simuler visuellement des tableaux en insérant des espaces entre des données. Cette dernière solution est à éviter absolument.

#Structure et code #Développement #SEO

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 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

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) et caption (titre du tableau), par exemple à l'aide d'un outil de développement.

Auteur Opquast - Consulter la licence

Suivez la formation et passez la certification Opquast 100% en ligne.

La formation Maîtrise de la qualité en projet Web permet aux professionnels du web de travailler plus efficacement au sein d’équipes multidisciplinaires. Apprenez un vocabulaire, un cadre de travail et un état d’esprit communs pour produire des produits web de meilleure qualité et améliorer l’expérience utilisateur.

  • Une formation en ligne de 14 heures en autonomie, disponible 24h/24, 7j/7
  • Pour tous les professionnels du Web : marketing, commerciaux, chefs de projet, designers, développeurs, ingénieurs informatiques.
  • Une approche multidisciplinaire : SEO, accessibilité, écoconception…
    Pour tous les professionnels, débutants comme confirmés.
  • Un contenu reposant sur des bonnes pratiques et un vocabulaire adopté par une large communauté de professionnels
  • Des principes de conception centrés sur la diversité des utilisateurs
  • Déjà plus de 11.500 certifiés