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 ou autre). 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.
• 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>), associer 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 via un conteneur défilant en les enveloppant dans un div avec style overflow-x auto, ce qui permet le défilement horizontal.
• Si une image est incluse dans le tableau, la description longue de celui-ci doit être fournie et rendue accessible via un lien clair à proximité de l’image. L’image, elle, doit porter l’attribut aria-details contenant l’ID du lien vers la section de la description longue.

Contrôle

• Ouvrir l’EPUB dans plusieurs outils de lecture différents, redimensionner la fenêtre ou changer l’orientation, ensuite vérifier si le tableau reste toujours lisible, si son contenu se déplace, ou si des barres de défilement apparaissent pour les tableaux larges.
• Vérifier la présence, la visibilité et la pertinence du titre du tableau (<caption>).
• Tenter de copier/coller le contenu du tableau pour vérifier si les données sont copiées comme du texte structuré ou comme une image. Ce dernier cas constitue une erreur à corriger.
• Si une image de tableau est présente, le lien vers la description longue doit être visible et fonctionnel.
• Vérifier le code source de la page HTML de l’EPUB.