Sommaire

• Tableaux de grande taille
• Créer des tableaux simples au format HTML
• Fractionner les tableaux selon les besoins
• Fonctionnalités des tableaux avec la composition améliorée
• Prise en charge MathML

Tableaux de grande taille

Amazon recommande de privilégier l'utilisation de balises HTML <table> pour les tableaux plutôt que de présenter ce contenu sous forme d'images.

Un tableau présenté sous forme d'image ne peut pas être réparti sur plusieurs pages, car l'image s'affiche en entier à l'écran. Les tableaux affichés sous forme d'images ne peuvent pas être lus par les clients utilisant les technologies d'assistance. Si le tableau est affiché à l'aide de balises HTML <table>, la pagination est disponible et le contenu du tableau peut être mis à la disposition des lecteurs d'écran et des écrans en braille dynamique. Les lecteurs pourront également naviguer dans les cellules du tableau. Si le tableau est beaucoup plus large que l'écran et force l'utilisateur à effectuer de nombreux défilements horizontaux, l'expérience utilisateur sera médiocre.

Pour une expérience utilisateur optimale, les tableaux ne doivent pas contenir de paragraphes entiers de texte ni de grandes images dans une cellule.

Les tableaux contenant plus de 1 800 cellules et 20 000 caractères ne sont pas pris en charge. Intégrer le texte en HTML dans une seule colonne permet d'offrir une expérience de lecture optimale pour les utilisateurs qui utilisent différentes tailles de police. Amazon recommande de créer des tableaux de moins de 100 lignes et 10 colonnes.

Si le tableau doit être affiché sous forme d'image,consultez nos Règles relatives aux images et fractionnez les tableaux si nécessaire.

Créer des tableaux simples au format HTML

Utilisez les balises <table> afin de créer des tableaux simples avec des lignes et des colonnes standard, qui peuvent être affichés sur les appareils et applications Kindle. KF8 prend en charge les tableaux imbriqués et les cellules fusionnées, mais Amazon recommande aux éditeurs d'utiliser cette fonctionnalité à bon escient et uniquement quand cela est nécessaire. La composition améliorée ne prend pas en charge les tableaux imbriqués.

Les attributs colspan et rowspan doivent être inférieurs ou égaux au nombre total de colonnes ou de lignes (le cas échéant) du tableau.

Pour une meilleure lisibilité, évitez les marges négatives au niveau du contenu des tableaux. La composition améliorée ne prend pas en charge les marges négatives.

Fractionner les tableaux selon les besoins

Il est parfois nécessaire de présenter un tableau sous forme d'image, bien que l'image obtenue soit trop grande pour être lisible sur un écran Kindle. Dans ce cas, il est conseillé de fractionner l'image. L'exemple qui suit indique comment répartir un tableau sur deux pages. Cette logique peut également s'appliquer pour présenter les tableaux sous forme d'images sur plus de deux pages.

Exemple : divisez l'image en deux horizontalement en plaçant la séparation à environ 60 % de l'image en partant du haut. Séparez ensuite l'en-tête, recopiez-le au-dessus de la partie du bas et enregistrez le tout en tant que nouvelle image. Les deux images obtenues devraient alors être de la même taille, et présenter chacune un en-tête de tableau.

Appliquez cette procédure à l'image source et non à l'image convertie en fichier GIF. Dans le cas contraire, vous devrez convertir votre image au format GIF deux fois, ce qui risque d'entraîner une perte de qualité.

Fonctionnalités des tableaux avec la composition améliorée

Quand la composition améliorée est activée dans un ebook, les lecteurs peuvent lire plus facilement le contenu des tableaux de plus de trois colonnes en touchant deux fois ceux-ci. La composition améliorée apporte les fonctionnalités suivantes dans les tableaux :

• Elle permet de voir l'ensemble des données contenues dans un tableau. S'il ne loge pas sur la page, le texte du tableau est redistribué au lieu d'être coupé au niveau des bords de l'écran.
• La composition améliorée évite un habillage excessif du texte. Les marges disponibles sur la page sont utilisées pour la redistribution en largeur des colonnes de sorte que l'écran soit entièrement exploité. Les marges intérieures sont minimisées entre les lignes et les colonnes afin de conserver des limites proportionnelles indépendamment de la taille de la police et du type d'appareil.
• Un indicateur aide les utilisateurs à naviguer dans les tableaux distribués sur plusieurs pages.
• La visionneuse de composition améliorée permet aux lecteurs d'interagir avec les tableaux distribués sur plusieurs pages. Dans un affichage unique, ils peuvent faire défiler le contenu, l'agrandir, surligner du texte ou effectuer des recherches.

Meilleures pratiques relatives à l'utilisation de la composition améliorée avec les tableaux :

• Créez votre tableau en le structurant avec les balises <thead>, <tbody> et <tfoot>.
• N'ajoutez pas de colonne vide pour fournir un remplissage supplémentaire.
• Utilisez des images intégrées plutôt que des blocs d'image.
• Les tableaux contenant plus de 1 800 cellules et 20 000 caractères ne sont pas pris en charge par la composition améliorée. Pour la composition améliorée, divisez le tableau en plusieurs tableaux plus petits.
• À l'heure actuelle, la composition améliorée ne prend pas en charge l'utilisation de flotteurs dans les tableaux. Nous vous recommandons d'utiliser une requête média pour spécifier un remplacement pour Kindle en utilisant le code CSS ::first-letter Selector.
• À l'heure actuelle, la composition améliorée ne prend pas en charge le style <caption-side: bottom>. Le contenu associé au style <caption-side : bottom> sera positionné en haut du tableau comme <caption-side : top>.
• Vérifiez si votre livre prend en charge la composition améliorée dans Kindle Previewer.

Exemple :

La composition améliorée se sert des marges disponibles sur la page pour éviter tout habillage du texte et afficher un tableau parfaitement lisible.

Prise en charge MathML

La composition améliorée prend en charge MathML.

Balises prises en charge :

Balises non prises en charge :

Résolution des problèmes :

Ouvrez la page HTML avec MathJax. Si MathML s'affiche sans problème, cela signifie qu’il sera pris en charge par la composition améliorée.