Table des matières

• Alignement et justification des titres
• Paramètres par défaut du corps du texte
• Mise en forme des paragraphes
• Valeurs fixes
• Mise en forme des marges et du remplissage
• Lettrines
• Utiliser du code CSS pour les sauts de page
• Polices intégrées
• Personnalisation de la police sélectionnée
• Règles relatives aux numéros de page
• Activation des numéros de page réels
• Règles relatives aux notes de bas de page
• Prise en charge MathML

---

Alignement et justification des titres

Le texte des ebooks au format réajustable est entièrement justifié par défaut (text-align: justify;). Amazon recommande fortement de spécifier l'alignement CSS approprié pour tous les titres afin d'éviter tout espace excessif entre les mots (ext-align: left; text-align: right; text-align: center;).

Évitez de forcer l'alignement à droite/au centre du corps du texte.

---

Paramètres par défaut du corps du texte

Le corps du texte d'un livre Kindle réajustable (qu'il s'agisse de fiction ou de non-fiction) doit toujours respecter les paramètres par défaut. Amazon encourage les créateurs de contenu à utiliser des styles créatifs pour les titres, les paragraphes spéciaux, les notes de bas de page, la table des matières, etc., mais pas pour le corps du texte. Pour plus d'informations sur l'utilisation des polices intégrées. En effet, tout style appliqué au corps du texte dans le code HTML aura priorité sur les réglages par défaut choisis par l'utilisateur sur son appareil de lecture. Pour les lecteurs, ce genre de comportement est synonyme d'une mauvaise expérience de lecture. Voici les points les plus importants :

• La police du corps du texte doit être définie dans le code CSS avec l'attribut font-family. Le corps du texte doit utiliser la taille de police (1 em) et la hauteur de ligne par défaut. Le corps du texte ne doit pas utiliser la balise HTML <font size="…"> ni les attributs font-size et line-height en CSS.
• Le corps du texte ne doit pas être principalement composé de caractères gras ou italiques. Certaines parties peuvent, en revanche, utiliser ces styles pour être mises en valeur : la présente règle interdit seulement de publier un livre entièrement composé de caractères gras, par exemple.
• Vous ne pouvez pas imposer une couleur de police particulière pour le corps du texte dans l'ensemble du livre. Si vous souhaitez imposer une couleur de police particulière dans certaines parties de votre livre, n'utilisez pas une nuance trop claire ni trop foncée. Sur les appareils configurés pour afficher un fond blanc et sur les liseuses, les couleurs trop claires ne s'affichent pas avec un contraste suffisant. Les couleurs foncées, quant à elles, s'affichent mal sur les appareils configurés pour afficher un fond noir. Consultez la recommandation W3C pour garantir un contraste lisible entre le texte et la couleur d'arrière-plan. Pour les gris, utilisez des couleurs dont le code hexadécimal est compris entre #666 et #999.
  • Pour déterminer si une couleur est comprise dans cette plage, utilisez un outil pour la convertir en valeurs RVB. Saisissez ensuite les trois chiffres ainsi obtenus dans la formule suivante : Y = (0.2126 * R) + (0.7152 * G) + (0.0722 * B). Si la valeur Y est comprise entre 102 et 153, la couleur choisie permettra d'offrir une bonne expérience de lecture sur tous les appareils et applications Kindle.
  Dans un livre pour lequel la composition améliorée est activée, les lecteurs sur Kindle sont assurés que toutes les couleurs de texte resteront lisibles, quelle que soit la couleur d'arrière-plan. La couleur de la police s'adaptera automatiquement de façon à obtenir un contraste suffisant avec le thème de couleur de l'appareil, choisi par le lecteur, ou avec la couleur d'arrière-plan des différents éléments. Dans l'exemple qui suit, les mêmes couleurs (jaune, noir et orange) ont été appliquées à la fois à la police et à son conteneur d'arrière-plan. Observez la façon dont la couleur de la police change pour permettre un contraste suffisant avec l'arrière-plan afin de rendre l'ensemble lisible. En savoir plus sur la composition améliorée.
  
  
  
  
• L'arrière-plan du corps du texte doit être d'une autre couleur que noir ou blanc. Les utilisateurs indiquent que cela nuit à l'expérience de lecture et les gêne lorsque la couleur d'arrière-plan de l'appareil est définie sur une autre couleur. Ils rapportent également que le texte peut devenir invisible lorsqu'ils modifient la couleur d'arrière-plan de leur appareil et que la couleur de police s'inverse automatiquement.
• La police du corps du texte ne doit pas être forcée. Assurez-vous d'avoir suivi les règles relatives aux polices intégrées. Si ces règles ne sont pas respectées, l'utilisateur risque de ne pas pouvoir appliquer sa police de lecture favorite.
• Le corps du texte ne doit pas utiliser d'espaces insécables au lieu d'espaces normaux pour séparer les mots au sein des paragraphes.
• Le corps du texte ne doit pas comporter de marge ou de marge intérieure (remplissage) gauche/droite imposées pour l'ensemble du livre. Si certains paragraphes nécessitent une marge gauche/droite afin de les rendre distincts du corps du texte, comme c'est le cas pour la liste des ingrédients d'une recette ou pour une citation, les marges appliquées à ces sections doivent être précisées en tant que pourcentages (plutôt que sous forme d'em ou de valeurs de point).
• Les correctifs de police suivants seront appliqués pendant le processus de chargement :
  • La taille de la police utilisée dans la majorité du contenu sera normalisée à 1 em.
  • L'attribut font-family utilisé dans la majorité du contenu sera déplacé au niveau de la balise racine (corps du texte).
  • Les couleurs du texte forcées utilisées dans le corps du texte seront supprimées pour que l'utilisateur puisse modifier la couleur du texte.

---

Mise en forme des paragraphes

Dans le corps du texte, des retraits ou des interlignes supplémentaires doivent être utilisés pour distinguer les paragraphes afin de faciliter la lecture. Amazon recommande d'utiliser l'attribut text-indent dans le code CSS afin de définir les valeurs de retrait de 4 em maximum pour les paragraphes. Pour modifier l'espacement avant ou après chaque paragraphe, utilisez respectivement le style margin-top ou margin-bottom dans le code CSS. Nous vous conseillons d'utiliser les valeurs em pour ces attributs. N'utilisez jamais la propriété de hauteur pour contrôler la taille des éléments contenant du texte, sans quoi il est possible que certains passages se chevauchent dans votre livre. Dans les livres à mise en forme réajustable, la propriété de hauteur ne doit être appliquée qu'aux images. Évitez de définir les paragraphes en double interligne.

---

Valeurs fixes

Évitez d'utiliser des valeurs fixes, telles que les points et les pixels, pour les propriétés CSS de type font-size, width, height, margin, padding, text-indent et line-height. Pour un rendu satisfaisant sur différentes tailles d'écran et à différentes résolutions, ces valeurs doivent être indiquées en em ou en pourcentages.

---

Mise en forme des marges et du remplissage

Lorsque vous utilisez les propriétés CSS margin et padding gauche ou droite, préférez les valeurs en pourcentage (%) aux unités em. Cela évite d'aboutir à des marges trop imposantes et à une mauvaise qualité de lecture lorsque l'utilisateur augmente la taille du texte. Pour éviter que le contenu ne dépasse le pourtour de l'écran ou ne chevauche un autre contenu, vous devez assigner aux marges une valeur supérieure ou égale à 0. Pour le corps du texte, définissez toujours des marges de gauche et de droite de 0, afin de ne pas limiter les choix des utilisateurs lorsqu'ils utilisent les valeurs par défaut de l'appareil. Les marges haut/bas doivent être indiquées en em de façon à ce que l'espacement entre les paragraphes soit facile à distinguer, quelles que soient la police et la taille d'écran de l'appareil.

Avant de publier, nous vous recommandons de vérifier les points suivants :

• Veillez à ce que le corps du texte n'empiète pas sur la marge prescrite.
• Veillez à ce que le remplissage soit cohérent dans l'ensemble du contenu, en vérifiant les titres de section/chapitre et les premiers paragraphes.
• Assurez-vous que les marges sont respectées.
• Vérifiez qu'aucun texte n'est coupé au niveau de la marge.

---

Lettrines

Les éléments tels que les lettrines doivent être définis à l'aide de pourcentages ou d'unités relatives (positives ou négatives), et non de valeurs fixes telles que les points et les pixels. Le sommet de la lettrine doit être aligné avec le corps du texte. Pour créer des lettrines, Amazon recommande d'utiliser l'exemple de code CSS suivant :

Exemple :

p.para { font-size: 1em; margin-bottom: 0; margin-top: 0; text-align: justify; text-indent: 0; } @media amzn-kf8 { span.dropcaps { font-weight:normal; font-size:320%; float:left; margin-top:-0.3225em; margin-bottom:-0.3245em; } } @media amzn-mobi { span.dropcaps { font-size:3em; font-weight: bold; } } <p class="para"><span class="dropcaps">I</span>l s'agit d'un extrait.

Pour vérifier que les lettrines s'affichent conformément à vos attentes, testez l’affichage du livre. L'exemple suivant présente une lettrine mise en forme avec cette méthode dans un livre doté de la composition améliorée :

Police de petite taille

Police de grande taille

---

Utiliser du code CSS pour les sauts de page

Kindle prend désormais en charge les attributs CSS des attributs page-break-inside : avoid et break-inside : avoid. Cela permet aux éditeurs de grouper des éléments afin de ne pas séparer les pages. Dans ce cas, nous citons les images avec des légendes et des en-têtes avec des paragraphes que vous souhaitez conserver au sein de votre conception.

De plus, Kindle prend en charge les styles CSS page-break-after et break-after, ainsi que page-break-before et break-before, qui peuvent être utilisés pour éviter les sauts de page avant et après des conteneurs ou des blocs spécifiés. Kindle vérifie ces propriétés pour déterminer si les sauts de page doivent être évités entre les éléments ou entre ceux-ci. Les valeurs pour ces attributs sont les suivantes : avoid, : auto et : always.

Insérez des sauts de page après les nouveaux chapitres/sections du livre.

---

Utilisation de polices intégrées

Kindle prend en charge les polices intégrées à l'intérieur des ebooks. Ces polices doivent être au format OpenType (OTF) ou TrueType (TTF). Kindle ne recommande pas l'utilisation des polices de type 1 (PostScript). Pour offrir aux utilisateurs Kindle la meilleure expérience de lecture possible, les livres au format réajustable qui utilisent des polices de type 1 sont affichés avec les polices par défaut de Kindle. Sur les appareils et applications qui prennent en charge le format KF8, les utilisateurs peuvent activer ou désactiver l'utilisation des polices fournies par l'éditeur.

Il incombe à l'éditeur de protéger les droits de licence appropriés régissant les polices. À moins que des polices intégrées ne soient nécessaires pour traduire une volonté artistique spécifique, Amazon recommande d'utiliser les polices par défaut installées sur les appareils et applications Kindle, dans la mesure où elles sont conçues pour garantir un affichage d'une qualité optimale.

Lorsque vous choisissez une police, tenez compte de sa lisibilité pour les lecteurs souffrant de déficiences visuelles modérées. Choisissez une police simple et claire qui présentera un bon contraste sur tous les arrière-plans des tablettes et des liseuses.

Conseil d'accessibilité : Les polices fines sont plus difficilement lisibles et peuvent avoir un impact sur le contraste perçu entre le texte et l'arrière-plan. Amazon recommande d'éviter d'utiliser des polices fines pour le corps du texte de votre manuscrit.

Kindle prend également en charge une police à chasse fixe. Le contenu des balises suivantes s'affiche en police à chasse fixe :<pre>, <code>, <samp>, <kbd>, <tt>, <font face="courier">, <font face="monospace">.

À l'exception de <pre>, aucune des balises énumérées ci-dessus ne modifie l'alignement du texte.

---

Personnalisation de la police sélectionnée

La police principale d'un livre doit être définie au niveau de la balise <body>. Si vous choisissez d'utiliser des éléments de style supplémentaires comme des passages en gras ou en italique, associez ces styles au passage concerné plutôt qu'à la police de caractères pour garantir qu'ils s'afficheront correctement, quelle que soit la police choisie par l'utilisateur. Voici quelques exemples d'utilisation correcte et incorrecte des polices personnalisées dans un livre Kindle :

Code HTML incorrect	Code HTML correct
<html> <body> <p style="font-family:PrimaryFont"> Contenu en police principale</p> <p style="font-family:SecondaryFont"> Contenu en police secondaire</p> <p style="font-family:PrimaryFont"> Contenu en police principale</p> <p style="font-family:PrimaryFont"> Contenu en police principale</p> </body> </html>	<html> <body style="font-family:PrimaryFont"> <p>Contenu en police principale</p> <p style="font-family:SecondaryFont"> Contenu en police secondaire</p> <p> Contenu en police principale </p> <p> Contenu en police principale </p> </body> </html>

Le même résultat peut être obtenu en utilisant les classes CSS, comme illustré ci-dessous.

Code CSS incorrect	Code CSS correct
body{ font-size: asize; } .indent { font-size: asize; font-family: PrimaryFont; } .sidebar-text { font-family: SecondaryFont; font-weight: bold; }	body { font-family: PrimaryFont; font-size: asize; } .indent { font-size: taille;font-size: asize; } .sidebar-text { font-family: SecondaryFont; weight: bold; }

Lors du codage de polices, assurez-vous que les balises HTML sont correctement fermées, afin d'éviter tout conflit. En cas de conflit, les fichiers de police du livre seront intentionnellement supprimés, afin d'apporter aux clients Kindle la meilleure expérience de lecture possible lorsqu'ils sélectionnent les paramètres de police.

Par exemple :

Code HTML incorrect	Code HTML correct
<html> <body style="fontfamily:PrimaryFont"> <p>Contenu en police principale</p> <div style="fontfamily:SecondaryFont"> Contenu en police secondaire. <div style="font-family:ThirdFont"> Contenu en police tertiaire </div> </div> <p>Contenu en police principale</p> </body> </html>	<html> <body style="font-family:PrimaryFont"> <p>Contenu en police principale</p> <div style="fontfamily:SecondaryFont"> Contenu en police secondaire. </div> <div style="font-family:ThirdFont"> Contenu en police tertiaire </div> <p>Contenu en police principale</p> </body> </html>

Code CSS incorrect	Code CSS correct
h2.title, h3.title { text-indent:0; text-align:center; font-family:'PrimaryFont'; } h3.title { font-family:'SecondaryFont'; font-size:2em; font-weight:bold; }	h2.title { text-indent:0; text-align:center; font-family:'PrimaryFont'; } h3.title { text-indent:0; text-align:center; font-size:2em; font-weight:bold; font-family:'SecondaryFont'; }

---

Règles relatives aux numéros de page

Les numéros de page des livres Kindle ne correspondent pas toujours exactement à ceux des éditions papier du livre. Même si la fonctionnalité Numéros de page Kindle réels est activée dans le menu Aller à, les références aux numéros de page au sein de l'ebook doivent être traitées comme suit :

• Table des matières : si des numéros de page figurent dans la table des matières d'un document imprimé, ils doivent être retirés lors de la conversion au format numérique. Le nom de la section doit être conservé et transformé en hyperlien vers l'emplacement approprié dans l'ebook. Par exemple, si la table des matières d'un document imprimé inclut l'entrée « Chapitre 1... p. 36 », l'ebook devra uniquement afficher « Chapitre 1 » avec un hyperlien renvoyant vers l'emplacement numérique approprié.
• Liens internes : Si un texte renvoie à une autre page de l'ebook, par exemple « voir page XX », ce texte doit constituer un lien vers le paragraphe correspondant dans l'ebook.
• Index : Chaque numéro de page dans l'index doit constituer un lien vers le paragraphe (ou l'illustration, le tableau ou le graphique) correspondant dans l’ebook.
• Liens dans l'index : Si une entrée renvoie à une autre section de l'index, par exemple « voir aussi XXX », ce texte doit constituer un lien vers la section correspondante de l'index.

---

Activation des numéros de page réels

Les lecteurs apprécient la numérotation des pages car ils constituent un mode de navigation familier et permettent aux lecteurs de coordonner leur lecture avec ceux qui utilisent la version papier, par exemple dans une salle de classe ou dans un club de lecture. Les auteurs et éditeurs peuvent inclure la fonctionnalité Numéros de page réels d'Amazon dans leurs livres Kindle en ajoutant des numéros de page dans le fichier EPUB, qui s'affichent sur les appareils et applications Kindle.

Les éditeurs doivent associer les numéros de page réels de l'ebook à l'édition papier (reliée, livre broché, etc.) qui correspond le mieux à l'ebook et fournir ce code ISBN dans les métadonnées, telles que décrites sur la page http://kb.daisy.org/publishing/docs/navigation/pagelist.html#desc. À l'heure actuelle, les numéros de page réels ne peuvent pas être prévisualisés dans Kindle Previewer ou via une opération de chargement, mais ils sont visibles lorsque votre ebook est publié et ils apparaissent sur la page produit.

Pour prendre en charge la fonctionnalité Numéros de page réels :

• EPUB 3 : Suivez les consignes d'accessibilité du format EPUB 3 pour les numéros de page.
• EPUB 2 : Suivez les exigences relatives au format NCX énoncées dans la section 2.4.1.2 du fichier OPF 2.0.

Remarques supplémentaires :

• Utilisez uniquement des chiffres romains ou arabes pour ajouter des numéros de page. (Exemple : i, ii, iii, etc. et/ou 1, 2, 3, 4, etc.)
• N'ajoutez pas de texte supplémentaire tel que « Page » dans l'attribut name des balises pages (Exemple : "Page 1", "Page 2"). Par défaut, Kindle ajoute le mot « Page » en face de l'attribut page number.
• Assurez-vous qu'il n'y a pas d'emplacements HTML en double référencés comme des pages différentes.
• Assurez-vous qu'il n'y a pas de vignettes de page en double référencées comme des emplacements HTML différents.
• Assurez-vous qu'il n'y a pas de vignettes de page vides (même pour les pages vierges).
• Assurez-vous qu'il n'y a pas d'ancres sans cibles appropriées.
• Assurez-vous que tous les chemins d'accès aux pages HTML sont relatifs.

---

Règles relatives aux notes de bas de page

Amazon recommande fortement de marquer les notes de bas de page en utilisant l'élément HTML5 aside, ainsi que l'attribut epub:type. Cela permet aux systèmes de lecture accessibles d'ignorer les notes de bas de page, sauf lorsqu'elles sont suivies par leurs références. Cela permet également à n'importe quel système de lecture de les gérer plus intelligemment (par exemple, sous forme de pop-ups). Ainsi, même si la sémantique EPUB n'est pas reconnue, les notes seront toujours traitées comme du contenu secondaire en raison de la nature de l'élément HTML5 aside.

Que l’élément aside soit utilisé ou non, Amazon exige de mettre en forme les notes de bas de page en utilisant des hyperliens bidirectionnels (qui permettent d'accéder à la note depuis le texte, puis de revenir au texte à partir de la note). Il est ainsi plus facile pour les clients de reprendre leur lecture après avoir consulté la note de bas de page. Sur certains appareils Kindle, par exemple le modèle Kindle Paperwhite, les notes de bas de page associées à des hyperliens bidirectionnels sont affichées sous forme de pop-up.

Pour une meilleure expérience de lecture, Amazon recommande fortement de placer la note de bas de page à la fin du chapitre ou du livre.

Pour définir les notes de bas de page, utilisez l'une des méthodes suivantes :

Méthode 1 (recommandée) :

<p>Cet exemple de note de bas de page utilise l'élément aside avec l'attribut epub:type et les hyperliens bidirectionnels.<sup><a id="source" href="#ft-1-1" epub:type="noteref">1</a></sup></p> ... <aside id="ft-1-1" epub:type="footnote"> <p><a epub:type="noteref" href="#source">1.</a> Il s'agit de la note de bas de page, qui doit être placée à la fin du chapitre ou du livre.</p> </aside>

Méthode 2 :

<p>Cet exemple de note de bas de page utilise uniquement des hyperliens bidirectionnels. <sup><a href=>footnotes.html#fn1" id="r1">[2]</a></sup></p> ... <p id="fn1"><a href="chapter01.html#r1">2.</a> Il s'agit de la note de bas de page, qui doit être placée à la fin du chapitre ou du livre.</p>

Si votre livre inclut des notes de bas de page ou des notes de fin sans chiffres ni symboles, Amazon recommande de créer un lien unique entre la note et le texte correspondant dans le livre.

Exemple :

<p>Cet exemple décrit un <a id="fn1"/>événement survenu.</p> ... <p><a href="chapter01.html#fn1">événement survenu</a> Il s’agit du texte de la note de fin, qui fournit une référence détaillant l'événement.</p>

• Assurez-vous que les notes de bas de page sont reliées par des hyperliens bidirectionnels et que leur emplacement est correct.
• Assurez-vous que la fenêtre contextuelle des notes de bas de page n'est pas vide.

---

Prise en charge MathML

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

Balises prises en charge :

maligngroup	mrow	semantics
malignmark	ms
math	mspace
menclose	msqrt
mfenced	mstyle
mfrac	msub
mi	msubsup
mlabeledtr	msup
mmultiscripts	mtable
mn	mtd
mo	mtext
mover	mtr
mpadded	munder
mphantom	munderover
mroot	annotation

Balises non prises en charge :

maction

mglyph

mlongdiv

msgroup

mstack

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.