Règle précédente | Règle n°78 | Règle suivante

Les tableaux de données sont disponibles au format HTML

Pour être utilisables, les tableaux de données doivent être correctement construit avec les balises HTML dédiées et non insérés sous forme d’images dans les livres numériques ou simulés avec des séparateurs textuels (espaces, tabulations…). Dans le cas de tableaux larges et complexes qui pourraient être mal rendus par des outils de lecture anciens ou de petite taille, si une image du tableau est fournie, alors le tableau HTML devra être ajouté comme description longue atteignable via un lien.

Objectifs

  • Assurer l’accessibilité et la réutilisabilité des données tabulaires pour tous les utilisateurs et les systèmes.
  • Garantir une interprétation correcte des tableaux par les technologies d’assistance et les moteurs de recherche.
  • Permettre l’adaptation du rendu des tableaux aux différents écrans et aux préférences de lecture (taille de texte, contraste).
  • Faciliter la copie, l’extraction et l’analyse des données contenues dans les tableaux.

Mise en œuvre

  • Fournir au service de fabrication les données structurées.
  • Utiliser les balises HTML dédiées aux tableaux (<table>, <caption>, <thead>, <tbody>, <tfoot>,, <th>, <td>). Associez les en-têtes de colonnes/lignes avec <th> et les attributs scope col ou scope row.
  • Pour les tableaux complexes, utiliser l’attribut headers sur les cellules <td> pour les lier aux id de leurs <th> correspondantes.
  • Gérer les Tableaux Larges avec un Conteneur Défilant Enveloppez les tableaux larges dans un div avec style overflow-x auto pour permettre le défilement horizontal.
  • Si vous incluez une image d’un tableau, le tableau HTML complet doit être fourni comme description longue, accessible via un lien clair à proximité de l’image. Marquez l’image avec un attribut aria-detail contenant l’ID du lien vers la section de la description longue.

Contrôle

  • Ouvrez le EPUB dans plusieurs liseuses différentes, redimensionnez la fenêtre ou changez l’orientation. Le tableau est-il toujours lisible ? Le contenu se déplace-t-il correctement ? Y a-t-il des barres de défilement pour les tableaux larges ?
  • Vérifiez la présence du titre du tableau (<caption>) : Est-il visible et pertinent ?
  • Tentez de copier/coller le contenu du tableau : Les données sont-elles copiées comme du texte structuré ou comme une image ? (Si c’est une image, c’est un problème).
  • Si une image de tableau est présente, le lien vers la description longue est-il visible et fonctionnel ?
  • Vérifier le code source de la page HTML de l’epub.

Validation

  • Vérifié par ACE
  • Vérification humaine

Informations