/ Field Guide to Fixed Layout for E-Books / Guide pratique du fixed-layout pour livres numériques

Transcription

1 / Field Guide to Fixed Layout for E-Books / Guide pratique du fixed-layout pour livres numériques Présenté par la Content Structure Committee of the Book Industry Study Group Quand utiliser une mise en page fixe? Traiter la question de l accessibilité Lier texte et audio Comprendre les normes des revendeurs Problèmes fréquents Et plus Version mise à jour 1.1 Publication en septembre 2013 pour la version originale Publication en janvier 2014 pour la version française Avec le soutien de Book Industry Communication Syndicat national de l édition

2 Le Field Guide to Fixed Layout for E-Books a été préparé pour the Book Industry Study Group, Inc. (BISG) par les membres de sa Content Structure Committee. Revision History February 5, 2013: Initial Publication June 28, 2013: Information added about Google Play Books September 9, 2013: Added chapter on Epub Fixed Layout Lessons ISBN Copyright 2013, the Book Industry Study Group, Inc. All rights reserved. Janvier 2014 : Traduction française The Book Industry Study Group, Inc. ("BISG") détient tous les droits sur la version PDF du Field Guide to Fixed Layout for E-Books et à cet égard tous les copyrights. Ce PDF est mis à disposition gratuitement. Toute personne qui le télécharge peut en placer une copie intégrale dans l intranet sécurisé de son entreprise, sur son site web, ou encore le distribuer sous forme physique ou numérique à une tierce personne. Toute personne qui désire utiliser une partie de ce PDF pour une présentation, un article de blog, un discours etc., doit d abord demander la permission au Book Industry Study Group par mail à l adresse suivante : info@bisg.org. Book Industry Study Group 145 West 45th Street, Suite 601 New York, NY Ces conditions sont valables pour la présente traduction française. Contributeurs : Garth Conboy, Google Dave Cramer, Hachette Book Group John Costa, S4Carlisle Markus Gylling, IDPF Jean Kaplansky, Aptara Bill Kasdorf, Apex CoVantage Liz Kessler, Hachette Book Group Liisa McCloy-Kelley, Penguin Random House Jonathan Thurston, John Wiley & Sons Traduction française : SNE Groupe Normes & Standards 2

3 Sommaire Avertissement... 6 Introduction... 7 Destinataires... 7 Vue d ensemble : les différents formats de mise en page fixe... 8 Le PDF... 8 L image et le livre homothétique... 8 L epub... 8 Quand utiliser une mise en page fixe? Dans quels cas la mise en page fixe est-elle appropriée? Dans quels cas la mise en page fixe doit-elle être évitée? À propos du fixed-layout et de sa distribution Créer un livre numérique fixed-layout Les approches du fixed-layout Les fondamentaux techniques : structurer un contenu en fixed-layout Le contenu du livre Le fichier HTML L image La feuille de style Le fixed-layout dans l epub Document de package des métadonnées pour fixed-layout Le préfixe rendition La propriété rendition:layout La propriété rendition:orientation La propriété rendition:spread La propriété page-spread-* : Métadonnées de contenu fixed-layout Métadonnées non standardisées L accessibilité Pour qui, quand, comment? Les facteurs à risque d une maquette fixe La mise en page fixe ne s adapte pas aux terminaux, utilisateurs et contenus Certains fixed-layout ne peuvent pas être lus par des technologies d assistance Certains fixed-layout perdent leur ordre de lecture logique

4 Solutions à venir Approche de publication recommandée Synchroniser texte et audio grâce au Media Overlays Le fichier SMIL Le fichier du contenu Le document de package : métadonnée media-overlay Faire défiler le texte en surbrillance : Media Overlays et CSS Interactivité et JavaScript Les formats des revendeurs Le Kindle Format 8 (KF8) d Amazon Apple Le contenu de base Les images Métadonnées pour l epub Options d affichage Apple pour l epub Métadonnées pour l epub Synchronisation audio Interactivité Pour plus de détails Google Play Books Contenu de base Synchronisation audio Restrictions Barnes & Noble Kobo Les leçons de l epub fixed-layout Révisions des polices spécifiques à un système d exploitation Inclure tous les caractères spéciaux Se méfier de la justification du texte Se méfier des contraintes excessives des boîtes Le positionnement relatif peut aggraver les différences entre plates-formes Pour aller plus loin sur le positionnement relatif Profil CSS de l epub Sources Standards officiels : IDPF et autres EPUB 3 Sample Documents

5 Livres Blogs Twitter Glossaire

6 Avertissement NdT : Le terme «fixed-layout» désigne une mise en page fixe par opposition au livre numérique «reflowable» qui indique que le contenu est repositionnable dans le terminal de lecture en fonction du type d appareil utilisé (taille de l écran, orientation ) et des choix du lecteur (taille de la police, famille de police, marges ). 6

7 Introduction Ces dernières années, le fort développement du livre dématérialisé et des contenus numériques dans le monde de l édition a engendré de multiples défis pour les éditeurs et les développeurs. Parmi les obstacles à surmonter se trouve la dispersion des outils, des langages et des formats utilisés par les différents systèmes de lecture, associée à un manque flagrant de normes reconnues par tous et d institutionnalisation des bonnes pratiques dont les créateurs de contenu auraient pourtant besoin pour prendre des décisions judicieuses et venir à bout de ces défis. Une des questions sensibles est la mise en pratique d une technique permettant de créer des mises en page fixes. Si ce principe de mise en page a connu un succès croissant auprès de certains genres et a été mis de côté par d autres, il n est cependant pas toujours évident de savoir quand et pourquoi utiliser ce procédé. Actuellement, l attention accordée à la mise en page fixe par les fabricants de matériels et les revendeurs est irrégulière : il n y a pas de standard établi pour créer ces contenus, et les informations sur les techniques de création sont mouvantes et difficiles à trouver. C est pourquoi le Book Industry Study Group (BISG), à travers son groupe de travail Content Structure Committee s Fixed-Layout for E-books, a créé ce guide pratique des formats, des standards et des outils de la mise en page fixe, pour faciliter la création et la diffusion de ces livres par les éditeurs. Notre intention est de le mettre régulièrement à jour au fur et à mesure de l évolution des pratiques éditoriales numériques concernant la mise en page fixe. Destinataires Nous avons conçu ce guide pour deux types de lecteurs : les premiers sont les employés de petites maisons d édition qui se sont vus confier la création de livres numériques aux maquettes figées et qui trouveront ici un point de départ pour leur travail. Les seconds, nous l espérons, sont les gérants de maisons d éditions de toutes tailles qui désirent avoir une vue d ensemble des processus et des problèmes éventuels que pose l utilisation d une mise en page fixe. 7

8 Vue d ensemble : les différents formats de mise en page fixe Pour commencer, passons en revue différentes façons de faire aujourd hui de la mise en page fixe. Le PDF Le format PDF est actuellement le format d archive standard le plus utilisé dans l édition. Il conserve parfaitement l agencement des images et le choix des polices. Les logiciels générateurs de PDF sont gratuits, généralisés et de bonne qualité. En revanche, ces logiciels sont moins fiables en termes de performance, de mémoire, et sont limités au niveau de l interactivité et de l accessibilité proposées pour les fichiers créés. D autre part, le PDF étant un format difficile voire impossible à modifier il doit être formaté en fonction de la taille de l écran du terminal de lecture. Les PDF créent également de nouveaux défis pour les revendeurs. Leurs pages sont larges et les fichiers sont difficiles à transférer, ils requièrent plus de puissance pour leur affichage, et ils embarquent les polices d une manière qui est difficile à protéger par un DRM. En conséquent, peu de revendeurs vendent aujourd hui des PDF plutôt que des e-books. S ils acceptent les PDF comme données, ils les transforment probablement après dans un autre format plus facile à afficher et à distribuer. L image et le livre homothétique Un livre numérique peut être créé à partir d une série d images, issues du scan de chaque page. Ce type de livres est simple à réaliser, peut offrir un bon rendu, mais demande beaucoup de travail si l on veut rendre ce fichier accessible ou inclure des fonctionnalités de recherche. Beaucoup de ces formats offrent des fonctions supplémentaires, comme la navigation, la recherche dans le texte, ou encore des options de rendu de texte supplémentaires. Mais aucune manière standard d inclure ces fonctionnalités n a émergé. L epub Une autre option pour produire des mises en page fixes est l epub * Fixed-Layout (FLX) instauré par l IDPF* (International Digital Publishing Forum), qui permet de coder chaque élément du contenu, de structurer chaque page, en utilisant principalement du HTML, du SVG (Scalable Vector Graphics), et des images ou une combinaison des trois. Un exemple typique est la production de pages à partir d une image en arrière-plan recouverte d un bloc texte. Ce système permet de zoomer en profondeur dans la page tout en conservant un texte propre, tandis que les images finissent par se pixelliser (à moins qu elles ne soient en SVG). * L astérisque indique que le terme est défini dans le glossaire à la fin du document. 8

9 Le format epub Fixed-Layout ( est basé sur le support propriétaire ibooks d Apple. Les langages de balisage de l epub Fixed-Layout et de l epub 3 sont très similaires. La principale différence réside dans les métadonnées qui décrivent/définissent le contenu en tant que mise en page fixe. L epub Fixed-Layout est presque toujours créé automatiquement, souvent grâce à des plugins (modules d extension) d InDesign. Un groupe de travail à l IDPF se consacre actuellement à l epub Adaptive Layout, anciennement AAL* (Advanced Adaptative Layout). Ce système sera amené à proposer un juste milieu entre les contenus fixed-layout et reflowable. Les libellés des CSS (feuilles de style) du W3C sur les positionnements et les exclusions seront combinés avec des gabarits de page capables de s adapter aux différentes tailles d écran, à leurs orientations, et à leurs aspects. L epub Adaptive Layout ne remplacera toutefois pas les mises en page fixes, car il dépendra des terminaux numériques qui l interpréteront. Aussi, tant que l epub Adaptive Layout ne sera pas implanté plus largement, de nombreux éditeurs considèreront encore la mise en page fixe comme leur meilleure option. 9

10 Quand utiliser une mise en page fixe? Dans la partie qui suit, nous allons étudier les situations pour lesquelles le fixed-layout est ou n est pas approprié. Dans quels cas la mise en page fixe est-elle appropriée? Le fixed-layout, qui reproduit à l identique la mise en page du format imprimé, est presque toujours approprié aux publications de livres d images pour enfants ou de bande dessinées. L agencement des illustrations dans la page fait sens et nécessite d être scrupuleusement respecté. Les revendeurs développent des appareils de plus en plus tournés vers le rendu de ce genre de livres, qui sont d ailleurs bien acceptés des lecteurs. Le fixed-layout homothétique est souvent un bon format pour des ouvrages très maquettés et illustrés, qu il serait compliqué de réinventer avec une mise en page reflowable. Pour ces livres, le placement des mots, des tableaux, des illustrations, des encadrés etc., est essentiel pour conserver le sens des textes ou de l histoire. Les livres pour enfants et les livres d art avec des fonds perdus colorés sont des exemples de titres qui tendent naturellement vers la mise en page fixe en raison de leur composition même. Ce choix de format est également adopté lorsqu il y a une obligation contractuelle de reproduire à l identique le livre imprimé. Dans beaucoup de cas, utiliser du fixed-layout, mais sans pour autant reproduire la mise en page du format papier, peut être une solution ingénieuse. Le texte peut par exemple être affiché dans une police plus grande, et la maquette peut être optimisée afin de limiter les zooms et les déplacements dans la page sur des écrans de petite taille. Cette approche fonctionne souvent bien pour les livres de cuisine, les almanachs et les livres d art. À l instar des contenus reflowable, les formats fixed-layout peuvent être enrichis par de l animation, de l interaction, de la narration, de la vidéo et du son. Toutefois, le fixed-layout ne doit pas être considéré comme une solution automatique pour la conversion numérique de ces produits : la plupart du temps, l habitude (et l attachement) au format papier nous incite à utiliser des maquettes figées alors qu un livre numérique repositionnable serait plus approprié. Dans quels cas la mise en page fixe doit-elle être évitée? Bien que les éditeurs et les développeurs soient enclins à se sentir plus à l aise avec une reproduction homothétique du livre imprimé, ce n est pas toujours la meilleure solution pour mettre en valeur le contenu et cela peut limiter le potentiel de diffusion du titre numérique. Voici quelques données à avoir à l esprit avant de se décider pour le fixed-layout. 10

11 Un livre avec beaucoup de texte peut engendrer une expérience de lecture désagréable si la mise en page est figée, car le lecteur doit sans arrêt naviguer et zoomer à l intérieur des pages pour pouvoir visualiser le contenu. Cela peut également le priver des caractéristiques d un livre numérique reflowable (par exemple la fonction de recherche dans le texte est perdue si le texte est considéré comme une image). De plus, un utilisateur qui s attend à une mise en page reflowable sera déçu s il acquiert une réplique du livre papier. Il existe, en tant qu alternatives au fixed-layout, des procédés créatifs pour réaliser des livres complexes comme des titres de cuisine ou des beaux-livres. La concertation entre éditeurs et développeurs est alors nécessaire si le contenu nécessite d être reconfiguré. Par exemple, des éléments textuels peuvent être placés dans un bloc de manière à être toujours accessibles, ou encore des créations artistiques peuvent être repensées pour apparaître dans une colonne image. En termes de production, le fixed-layout demande un véritable investissement en temps et en coût. Ce format a besoin d être converti dans différentes normes : en effet, Amazon, Apple, Kobo, Barnes & Nobles (B&N) lisent tous des formes de fixed-layout mais utilisent des formats différents. Chaque fichier doit donc être vérifié individuellement par l éditeur pour contrôler la qualité, souvent à plusieurs reprises, générant ainsi des coûts supplémentaires de temps et d argent, ce qui impacte au final toutes les ressources de production. De plus, des textes descriptifs pour chaque image doivent être rédigés. Le fixed-layout peut également affecter les plannings de production. Puisque le format se calque sur la mise en page du format papier, la conversion ne commence en général qu une fois l imprimé finalisé, alors que le produit numérique a bien souvent la même date de mise en vente, voire une date antérieure. Il y a donc un réel risque de manquer les dates de sortie des titres, ce qui réduit les marges de manœuvre pour la publicité et le marketing. Enfin, l attachement à la mise en page fixe peut freiner les décisions d innovation d un éditeur à un moment où l expérimentation est nécessaire. Même si dans les faits les mises en page fixes n empêchent pas d inclure des enrichissements et du contenu interactif, l attention portée à la reproduction de la maquette papier, couplée aux difficultés d adapter les versions pour chaque plate-forme de diffusion, inhibe souvent l incorporation d éléments qui distinguent vraiment l édition numérique de la publication imprimée. À propos du fixed-layout et de sa distribution L utilisation de formats fixed-layout peut bloquer l accès à certains canaux de distribution car tous les systèmes de lecture ne les supportent pas. Il est toutefois important de déterminer si l objectif d un titre est d être distribué le plus largement possible, ou d avoir une maquette qui reflète fidèlement la version papier. Ce sont les livres au contenu reflowable qui sont le plus largement distribués sur le marché. 11

12 Créer un livre numérique fixed-layout Les approches du fixed-layout Il y a trois façons de créer un livre en fixed-layout : 1. en utilisant du HTML avec une CSS de positionnement absolu* (CSS Absolute Positioning) 2. en utilisant des images 3. en utilisant le format SVG Nous nous intéresserons tout particulièrement à la première de ces méthodes, qui est la plus répandue sur le marché. Les solutions basées uniquement sur l image fixe sont décevantes pour le lecteur (à moins que la fenêtre de lecture du livre numérique ait approximativement la même dimension que le livre papier d origine). Le SVG n a pour l instant pas toujours bien fonctionné à cause de problèmes de performances d affichage, d accueil limité par les terminaux de lecture, et de la difficulté d y faire des corrections. Cet état des lieux peut changer dans un futur proche : restez informés. Les fondamentaux techniques : structurer un contenu en fixedlayout La grande diversité des formats de fixed-layout est un sérieux problème pour toute la chaîne du livre numérique. L idéal serait évidemment de pouvoir créer une version unique pour chaque livre, qui serait lue par tous les systèmes et vendue par tous les revendeurs. En attendant, la plupart des opérateurs sont d accord sur les règles fondamentales de création d epub fixed-layout. Le contenu du livre Une façon basique de créer un titre en fixed-layout est d utiliser du XHTML (format de l epub 2) ou du HTML5 (format de l epub 3), combiné à une feuille de style qui détermine le positionnement absolu. Le cas de figure classique est le suivant : 1. une image en pleine page référencée par le fichier HTML, avec 2. un calque de texte par-dessus l image, et 3. une feuille de style pour indiquer la position précise de chaque ligne. Regardons par exemple ce code extrait d un livre simple pour enfants. 12

13 Le fichier HTML <?xml version="1.0" encoding="utf-8"?> <html xmlns=" xmlns:epub=" <head> <meta name="viewport" content="width=600, height=600"/> <meta charset="utf-8"/> <title>the Earth Book</title> <link href="css/stylesheet.css" type="text/css" rel="stylesheet"/> </head> <body> <div class="page006"> <img src="images/006.png" alt="girl with card saying I love you"/> <p class="p6l1"><span id="s6l1">i use both sides of the paper</span></p> </div> </body> </html> On notera que : 1. Cet exemple utilise la syntaxe epub L élément meta name="viewport" est essentiel! Il décrit la taille d origine de la page, qui doit être celle de l image de fond, et doit être reprise dans la feuille de style. 3. Tous les éléments ont leur balise identifiante, ce qui permettra de cibler individuellement une ligne dans la feuille de style. L image Page_006.png est une image de 600x600 pixels, ce qui correspond bien à la balise viewport plus haut. C est un format carré pour respecter le livre d origine. La feuille de style Étudions-la pas à pas : Coordonnées de l élément body body { width: 600px; height: 600px; margin: 0; overflow: hidden; } 13

14 Là encore la taille de la page est définie, pour être raccord avec le viewport du fichier HTML. Images img { position: absolute; width: 600px; height: 600px; margin: 0; top: 0; left: 0; z-index: -1; } Tout est placé en positionnement absolu ; z-index place le texte au-dessus de l image. Texte p { position: absolute; margin: 0; padding: 0; font-size: 30px; font-family: "Parr" } Il s agit des propriétés basiques du texte..page006 > p { top: 50px; left: 110px; } Puisque nous n avons qu une seule ligne de texte sur cette page, on peut définir sa position absolue dans les propriétés de la balise paragraphe <p>. S il y en avait plus, il faudrait définir une position pour chaque ligne. Le fixed-layout dans l epub 3 À l origine, les mises en page fixed-layout n étaient pas prises en charge par les epub 3. La position absolue par CSS (nécessaire à l approche éditoriale d Apple) était déconseillée, et il n y avait pas de mise à disposition des métadonnées spécifiques à ce type de livre. 14

15 Un groupe de travail a été constitué fin 2011 pour réfléchir sur ces questions, et un «document d information» a été approuvé en mars 2012 ( Ces spécifications standardisent les métadonnées requises pour les livres en fixed-layout ; de plus, elles expliquent comment définir un fichier fixed-layout, décrire son orientation de préférence, contrôler la création de doubles-pages et la taille de son contenu. Cette note ne préconise pas une façon particulière de construire un epub fixed-layout : les propriétés du fixed-layout s appliquent aussi bien aux titres créés à partir de SVG, d images, ou de HTML associé à une CSS de positionnement absolu. Pour utiliser ces propriétés, il faut ajouter des métadonnées à la fois au document de package (Open Packaging Format,.opf) et aux documents de contenu eux-mêmes (habituellement en.xhtml). Document de package des métadonnées pour fixed-layout Le document de package des métadonnées indique au terminal de lecture comment afficher le contenu en fixed-layout. Il a quatre propriétés : 1. rendition:layout indique si l ouvrage est ou non en fixed-layout. 2. rendition:orientation permet de verrouiller l orientation d un livre (par exemple, toujours en format paysage). 3. rendition:spread est la plus complexe. Elle contrôle si le système de lecture peut «accoler» des pages individuelles dans une même planche (c est-à-dire dans une double-page maquettée), à la manière des ibooks d Apple. 4. page-spread-* contrôle l emplacement d une «page» en particulier lorsque le système de lecture crée lui-même des planches de pages. On l utilise notamment pour positionner la page de garde sur la partie droite de la planche du chemin de fer. Note : Chacune de ces propriétés peut être utilisée de deux façons différentes. Utilisée dans un élément de conditionnement des métadonnées (package metadata), la propriété s applique au livre entier. Mais pour ajouter quelque chose de différent à l intérieur d un fichier individuel (dit «élément spine»), ces propriétés doivent être inscrites dans l élément itemref du spine : <itemref properties="rendition:layout-reflowable"/> Cela permet d inclure une partie repositionnable dans un livre par ailleurs fixe. Malheureusement, cette fonctionnalité est rarement supportée. Le préfixe rendition Pour utiliser les propriétés suivantes dans le package, il faut déclarer le rendition prefix : <package xmlns=" unique-identifier=" bookid" version="3.0" prefix="rendition: 15

16 La propriété rendition:layout Si un livre est en mise en page fixe, alors cette propriété doit contenir l indication «prepaginated». <meta property="rendition:layout">pre-paginated</meta> Si le livre est un e-book repositionnable classique, on peut omettre cette propriété ou utiliser la formule par défaut : <meta property="rendition:layout">reflowable</meta> La propriété rendition:orientation Pour «bloquer» l orientation d un élément en format paysage : <meta property="rendition:orientation">landscape</meta> Pour «bloquer» l orientation en format portrait : <meta property="rendition:orientation">portrait</meta> Pour laisser le choix de l orientation, on peut omettre cette propriété ou utiliser par défaut : <meta property="rendition:orientation">auto</meta> Note : Cette propriété n aura de sens que si le terminal de lecture est capable de changer son orientation, comme avec un ipad. La propriété rendition:spread Les implémentations actuelles créent un dilemme dans leur façon contradictoire de définir les planches de double-pages. Chez Apple, ibooks fait quelque chose d intéressant : il prend deux fichiers séparés et les affiche côte à côté, en format paysage. En effet, ibooks demande la création de pages individuelles (une seule par fichier HTML) à partir desquelles il construit ses propres planches. Le format KF8* d Amazon (qui n est pas en epub 3) requiert, lui, la création d une planche dans chaque fichier qu il affiche ensuite simplement à l écran. Note : La meilleure approche pour cette propriété est de créer un fichier HTML par planche, et de basculer rendition:spread à none. Comment autoriser le système de lecture à créer lui-même ces «doublepages synthétiques»? C est la raison d être de cette propriété rendition:spread. Elle peut prendre cinq valeurs : 1. none signifie que le système de lecture ne tentera jamais de créer une planche de deux pages à partir de pages individuelles. 2. auto laisse le système décider. 16

17 3. both dit au système de toujours assembler le contenu en planches, quelle que soit l orientation du terminal de lecture. 4. landscape signifie que le système ne doit créer des planches que lorsque la tablette est en orientation paysage. 5. portrait signifie que le système ne doit créer des planches que lorsque la tablette est en orientation portrait. Voici quelques exemples pour comprendre l utilisation de ces propriétés. Aujourd hui la plupart des livres numériques se base sur les recommandations d Apple, qui préconise de fournir un fichier de contenu par page et d afficher une double page lorsque le terminal de lecture est en mode paysage. On peut alors écrire : <meta property="rendition:spread">landscape</meta> <meta property="rendition:orientation">landscape</meta> Ce code verrouille l affichage sur paysage et dit au système du terminal de créer des doublepages à partir du contenu. Si, d un autre côté, vos fichiers de contenu sont déjà répartis en planches, comme le veut le KF8 d Amazon, alors il faut indiquer aux autres systèmes de lecture de ne pas créer leurs propres agencements de doubles-pages : <meta property="rendition:spread">none</meta> La propriété page-spread-* : Si votre système de lecture crée des planches de pages et que vous avez une page à isoler (par exemple la couverture), il est possible de contrôler son emplacement dans la partie gauche (page-spread-left) ou droite (page-spread-right) de la planche, ou encore de la placer au milieu (page-spread-center). Métadonnées de contenu fixed-layout L élément metadata a pour objectif de définir les dimensions initiales du document. Pour du contenu en HTML, on utilise la balise meta viewport : <head> <meta name="viewport" content="width=1200, height=600"/> </head> Pour du contenu en SVG, la taille est définie via l attribut viewbox. Et pour du contenu en images, les dimensions (en pixels) de l image définissent la taille de la page, sans qu il y ait besoin de le préciser par ailleurs. 17

18 Métadonnées non standardisées Le fichier com.apple.ibooks.display-options.xml(qu on trouve dans META-INF inclus dans le dossier de l epub), bien que valide en epub 3, n est pas recommandé. De la même manière, un epub 3 peut supporter d autres spécifications metadata que celles décrites plus haut, mais nous encourageons l usage des standards IDPF autant que faire se peut. 18

19 L accessibilité Pour qui, quand, comment? Quand on aborde le sujet de l accessibilité, dans le contexte de la création de livre numérique en général et avec le fixed-layout en particulier, il faut garder à l esprit qu il s agit d une problématique à plusieurs facettes. Comme expliqué en détail dans la publication Accessible EPUB 3 de O Reilly (téléchargeable gratuitement en version numérique), les groupes d utilisateurs concernés sont nombreux, et malgré leurs pratiques de lecture variées, il est possible de satisfaire collectivement tous leurs besoins grâce à des livres numériques bien conçus «bien conçus» désignant ici un ensemble de règles à suivre dans la création d un epub 3! Dès lors, qui sont ces lecteurs susceptibles de trouver vos livres inaccessibles? Vous avez peut-être déjà entendu le terme «personne empêchée de lire», qui englobe tous les états physiques qui rendent un utilisateur incapable de lire ou d utiliser un objet imprimé standard, en raison de cécité, de défaillance visuelle, de limitations physiques, de situations de handicap, ou de dyslexie. Dans la recherche sur la dyslexie, on s accorde à dire qu une personne sur 10 souffre d une forme de dyslexie. De surcroit, des études menées par l Union Européenne montrent que 21% de la population de plus de 50 ans subit des troubles sérieux de la vue, de l ouïe, et de la dextérité. Nous ne sommes donc pas en train de parler de cas isolés dans la population, et compte tenu de la démographie mondiale qui s oriente vers un vieillissement international, le nombre de concernés ne fait qu augmenter. Une autre catégorie d utilisateurs concernés serait les personnes sujettes à une incapacité situationnelle définit comme une incapacité temporaire d interagir avec un objet à cause de l environnement immédiat. Chacun peut l expérimenter quotidiennement : - impossibilité de lire sur un écran à l extérieur, à cause des reflets sur celui-ci. - impossibilité d accéder efficacement à un contenu à cause de caractéristiques de l écran (par exemple un petit écran de téléphone). - impossibilité d entendre correctement dans un environnement bruyant (transport en commun, lieu de passage). Les facteurs à risque d une maquette fixe Quel rapport avec les contenus en fixed-layout? Ces contenus comportent le risque de reproduire une ou plusieurs caractéristiques du support papier qui le rendent précisément inaccessible aux groupes d utilisateurs mentionnés. Voici une brève description des principaux risques encourus avec une maquette fixed-layout. 19

20 La mise en page fixe ne s adapte pas aux terminaux, utilisateurs et contenus Par nature, les publications fixed-layout sont restrictives quant à leur adaptabilité aux lecteurs et contextes de lecture. Quand l éditeur a délibérément choisi de fournir un contenu fixe (voir la section «Quand utiliser une mise en page fixe?» plus haut), l impact négatif de son choix en matière d accessibilité peut être important : - Un utilisateur atteint de dyslexie, de daltonisme, ou ayant une mauvaise vue, pour qui la lecture nécessite des modifications de couleur ou de police de caractère, se trouvera dans l incapacité d effectuer ces réglages, ou face à des réglages qui altèrent la qualité d affichage et de lisibilité. Le même problème peut survenir sur les systèmes de lecture qui offrent des modes «jour/nuit». - Un utilisateur qui tente de lire un contenu fixed-layout conçu pour tablette sur un téléphone portable aura de nombreux problèmes de lecture en termes de confort et de commodité à cause de l impératif de zoomer et de naviguer continuellement dans les pages. - Un utilisateur dyslexique ou malvoyant qui dépend des fonctions audio d un «lecteur d écran» ne bénéficiera pas de cette fonctionnalité, ou du moins pas de façon fiable (voir ci-après). Certains fixed-layout ne peuvent pas être lus par des technologies d assistance Les technologies d assistance, tels que les lecteurs d écran ou l affichage en braille, s appuient sur des langages HTML ou SVG. Si la publication contient du texte intégré en tant qu image et non en tant que HTML / SVG, le contenu du livre entier devient inaccessible aux utilisateurs de ces services. (On notera qu une autre conséquence de la structuration de titres entièrement basée sur l image est que leur contenu n est pas disponible à la recherche ou à l indexation.) Certains fixed-layout perdent leur ordre de lecture logique Quand le positionnement absolu en CSS est utilisé dans les documents XHTML et SVG, il peut entrer en contradiction avec l ordre de lecture du document image lui-même : en d autres termes, l ordre dans lequel le contenu apparaît dans le code n est pas forcément celui dans lequel il est affiché à l écran. Pour les technologies d assistance, telles que les lecteurs d écran ou l affichage en braille, qui accèdent à la structure du document et la convertissent, de graves problèmes de désynchronisation peuvent advenir, allant d une lecture rendue confuse à un document devenu complètement illisible. Solutions à venir Dans le contexte de l epub 3, nous devons être conscients que l IDPF mène un certain nombre de projets qui, une fois terminés, amélioreront significativement la boîte à outils des éditeurs en permettant la création de contenus mieux adaptés aux systèmes de lectures, utilisateurs et contextes de lecture, tout en conservant les caractéristiques du fixed-layout. 20

21 L Adaptative Layout* (AL) ( ) est un modèle de mise en page basé sur des templates (éléments qui définissent l architecture graphique de la page) qui permettent au contenu d être formaté dans une suite de pages interactives enrichies, plutôt que d être présenté dans un simple conteneur à faire défiler qui aurait été divisé en séquences de pages (comme dans une pagination classique). Une fois que l Adaptative Layout sera supporté par les outils de création et les systèmes de lecture (pour l instant seul InDesign CS6 le fait), les éditeurs pourront générer des contenus qui s adaptent à chaque terminal, tout en permettant des systèmes fixes typiques d une expérience de lecture en fixed-layout. Advanced Hybrid Layout* (AHL) ( ) est un projet qui permettra, entre autres, de contenir de multiples rendus de la même publication dans un seul fichier epub, et de gérer la sélection et le passage entre ces rendus différents. Par exemple, le AHL autorisera des publications fixes basées sur l image à avoir un équivalent HTML affichable à n importe quel moment par l outil de lecture, et contenant les métadonnées nécessaires aux technologies d assistance (lecteurs braille, etc.). En multipliant ainsi les rendus possibles, ces publications peuvent s adapter aux critères d accessibilité et d usages, et s avérer adaptées à des fonctionnalités comme la recherche ou l indexation du contenu. En attendant que ces deux extensions de l epub soient disponibles pour tous, les éditeurs qui utilisent du contenu fixe doivent choisir l approche qui comporte le moins de risques de gêne pour le lecteur. La section suivante recommande une stratégie à adopter pour atteindre ce but. Approche de publication recommandée Dans l optique de maximiser l accessibilité d un contenu fixed-layout, les principes recommandés sont les suivants : 1. Produire dans la mesure du possible des documents reflowable plutôt que fixes. 2. Pour les documents fixed-layout, ne pas utiliser uniquement l image : préférer du texte en XHTML ou SVG. 3. Utiliser une structure XHTML ou SVG accompagnée d un positionnement absolu en CSS de manière à garantir le respect de l ordre de lecture au moment de l apparition des éléments à l écran. 4. Éviter le contenu fixe dans des documents où la taille du texte ou le manque de contraste des images rend la lecture difficile. 5. Penser à utiliser les pop-ups du JavaScript pour agrandir le texte lorsqu il est particulièrement petit. Pour des recommandations sur vos contenus interactifs / codés, référez-vous à la section interactivité et ARIA de Accessible EPUB 3 de O Reilly (notez que ces conseils s appliquent à la fois aux contenus repositionnables et fixes). 21

22 Gardez aussi à l esprit que le guide Web Content Accessibility Guidelines ( est aussi valable pour les epub, reflowable ou fixed-layout. 22

23 Synchroniser texte et audio grâce au Media Overlays Une nouveauté majeure de l epub 3 réside dans la possibilité de lier une piste audio à un texte et de garder les deux synchronisés. Les éléments tels que les mots, les paragraphes ou les pages peuvent apparaître en surbrillance pendant que la piste son correspondant est entendue. Certains revendeurs appellent ce système «Lire et écouter» ou «Lis-moi», car il a surtout été utilisé pour des publications illustrées jeunesse. Actuellement, la plupart des supports ne gèrent ce système qu avec des titres fixed-layout, même si le concept est applicable à n importe quel livre numérique. L epub 3 permet cette synchronisation à travers le Media Overlays*, qui est dérivé du standard SMIL* (synchronized multimedia integration language). Pour ce faire, le document XML (utilisant le langage SMIL) contient un curseur pour chaque élément de texte qu il relie au début et à la fin du fichier audio correspondant au texte sélectionné. <par id="para1"> <text src="chapter_002.xhtml#c002p0001"/> <audio src="mobydick.mp3" clipbegin="0:14:48" clipend="0:15:13"/> </par> Remarquez que l élément «par» regroupe une référence texte (un paragraphe en particulier dans le chapitre 2) et une référence audio (les 25 secondes de son à partir de dans un fichier MP3). Dans ce cas précis, nous synchronisons uniquement au niveau du paragraphe : il serait possible de le faire pour chaque mot du texte, mais le segment audio à identifier durerait alors probablement moins d une seconde. Toute la difficulté est dans la création de ce document SMIL. Il faut savoir exactement quand le son assigné à chaque élément commence et finit. Il est possible de le faire manuellement, mais une chaine de production réaliste nécessite une solution automatisée. Et, bien sûr, il faut du XHTML : la synchronisation ne peut pas fonctionner dans une publication fixed-layout basée sur l image uniquement. Le fichier SMIL Voici un exemple de fichier SMIL, qui correspond à une page simple d un livre d images pour enfant : <?xml version="1.0" encoding="utf-8"?> <smil xmlns=" xmlns:epub=" version="3.0"> <body> <par id="id-008"> <text src="../page_009.html#span9line1"/> <audio clipbegin="0:00:00.000" clipend="0:00:01.0" src="../audio/page009.m4a"/> 23

24 </par> <par id="id-009"> 20 Field Guide to Fixed Layout for E-Books 2013, the Book Industry Study Group, Inc. <text src="../page_009.html#span9line2"/> <audio clipbegin="0:00:01.0" clipend="0:00:02.4" src="../audio/page009.m4a"/> </par> </body> Dans cet exemple, chaque page a son propre fichier audio, donc la ligne 1 du texte est reliée au son allant de 0 à 1, et la ligne 2 de 1 à 2,4. Le fichier du contenu correspondant ressemble à ceci : Le fichier du contenu <?xml version="1.0" encoding="utf-8"?> <html xmlns=" xmlns:epub=" <head> <meta name="viewport" content="width=600, height=600"/> <meta charset="utf-8"/> <title>the Earth Book</title> <link href="css/stylesheet.css" type="text/css" rel="stylesheet"/> </head> <body> <div class="page009"> <img src="images/009.png" alt="owl family in tree"/> <p class="page9line1"><span id="span9line1">and I want the owls to have</span></p> <p class="page9line2"><span id="span9line2">a place to live</span></p> </div> </body> </html> Cet exemple permet d observer la manière dont l élément texte dans le fichier SMIL plus haut renvoie à une ligne du fichier contenu, tandis que l élément audio renvoie au son correspondant. 24

25 Le document de package : métadonnée media-overlay Le Media Overlays nécessite un codage spécifique en epub 3. Premièrement, il faut associer le fichier SMIL avec le fichier de contenu XHTML : <item id="pg009" href="page_009.html" mediatype=" application/xhtml+xml" media-overlay="page_009-overlay"/> Ensuite, il faut définir le fichier SMIL lui-même : <item id="page_009-overlay" href="smil/page_009.smil" mediatype=" application/smil+xml"/> Remarquer comme l attribut media-overlay dans le contenu renvoie vers le fichier SMIL. Pour finir, il faut inclure les métadonnées pour le Media Overlays : <meta property="media:duration" refines="#page_009- overlay">0:00:02.4</meta> <meta property="media:duration">0:23:46</meta> Il faut préciser la durée de chaque document SMIL, tout comme le total de tous les dossiers SMIL. Faire défiler le texte en surbrillance : Media Overlays et CSS Enfin, il faut faire défiler le texte en surbrillance qui correspond au son en utilisant la feuille de style :.-epub-media-overlay-active { background-color: #abc; } Remarquer qu il est possible d utiliser n importe quel nom de classe pour cette propriété, mais qu il faut déclarer ce nom dans le document de package : <meta property="media:active-class">-epub-media-overlay-active</meta> Ce qui fait beaucoup d éléments mobiles! 25

26 Interactivité et JavaScript L epub 3 permet, même s il ne l encourage pas, l utilisation de scripts pour ajouter une part d interactivité aux ouvrages. C est aujourd hui de loin la partie la plus litigieuse et complexe du livre numérique. Les systèmes de lecture actuels n offrent en effet qu un support inexistant, insuffisant ou volontairement limité pour ces éléments, ce qui rend impossible leur généralisation. C est la plate-forme ibooks d Apple qui laisse aux éditeurs la plus grande marge de manœuvre, et qui a également créé ses propres bibliothèques JavaScript* pour permettre la réalisation de certains effets. À ce jour, le KF8 d Amazon ne permet pas, lui, la lecture des scripts. Ceux qui s intéressent à la création de livres interactifs en fixed-layout peuvent, pour l instant, se référer à la documentation d Apple, disponible via itunes Connect. 26

27 Les formats des revendeurs Dans cette partie nous allons voir les réflexions qu il faut mener lorsque l on crée un livre fixed-layout destiné à des plates-formes de distributeurs différents, en particulier le magasin Kindle d Amazon, ibooks Store d Apple et Google Play Books. Le Kindle Format 8 (KF8) d Amazon Le KF8, format propriétaire d Amazon pour le Kindle, a été annoncé en septembre 2011 et lancé en octobre. Il s est révélé très semblable à l epub 3 ; il supporte le fixed-layout en utilisant du HTML 5 et un positionnement absolu en CSS 3, mais utilise des métadonnées différentes d Apple et des spécifications de l IDPF (notez toutefois que les spécifications fixed-layout de l epub 3 rendent une «concordance» possible entre les métadonnées KF8 et celles de l IDPF). Le fixed-layout KF8 n admet pour le moment que les livres pour enfants et les bandes dessinées (mangas inclus). Ajouter les cinq valeurs de configuration suivantes suffit à définir tous les paramètres des pages et de la mise en page. 1. Fixed Layout se règle sur true ou false. 2. Original Resolution transmet au lecteur les proportions d origine du contenu. Cette valeur doit être en pixels (par exemple 1024x800). Ce ratio dicte au Kindle la manière de redimensionner les pages. Si l écran de l appareil de lecture n est pas compatible avec le réglage indiqué, le Kindle Fire réajuste le contenu et insère des espaces blancs autour de la page. 3. Orientation Lock propose une orientation portrait, landscape, ou none. «Portrait» verrouille l affichage en orientation portrait, «Landscape» en paysage, «None» (par défaut) permet les deux (mais cette possibilité d affichage ne se retrouve pas dans tous les terminaux de lecture). Ce paramètre est requis pour la création d un livre «children», il est optionnel pour un «comic» (voir ci-après). 4. Book Typ a deux valeurs provenant des genres initiaux du format fixed-layout : il se règle uniquement sur «children» ou «comic». 5. Region Magnification se règle sur true ou false, selon que l on autorise ou non le grossissement. À noter que si la mise en page est fixe, le KF8 oblige à choisir entre l orientation portrait ou paysage. Le KF8 fixed-layout ne supporte qu une seule page HTML à la fois, ce qui signifie qu en mode portrait il faut créer une seule page HTML pour toutes les pages du livre, et qu en mode paysage il faut créer une seule page HTML pour chaque double-page. 27

28 Comme pour tous les systèmes de lecture, la taille de l écran du Kindle peut ne pas correspondre à des maquettes préconçues. Le contenu pourra alors être mis à l échelle de l écran, centré, et entouré d espace blanc. Le format KF8 ne dispose pas d options de défilement et de zoom. Seul le réglage «Region magnification» permet l agrandissement dans le texte. Le KF8 contient un Panel View qui permet d afficher les bandes dessinées et les romans graphiques en couleurs haute résolution. Tout comme l epub 3, le KF8 fixed-layout supporte jusqu à cinq polices de caractères par document. Elles doivent appartenir à la famille des OpenType ou TrueType. Les typographies Type1 ne sont pas acceptées. Apple Apple a introduit un format fixed-layout en décembre Basé à l origine sur l epub 2, et à présent adapté à l epub 3, il utilise pour le contenu du HTML et un positionnement absolu en CSS 3, associés à un fichier de métadonnées non standard. Apple supporte la majorité des fonctionnalités de l epub 3 FXL, mais il reste quelques lacunes. Le contenu de base Apple utilise du HTML avec un positionnement absolu en CSS 3, comme décrit ci-dessus. Pour les versions antérieures d ibooks, chaque fichier HTML doit représenter une page unique du livre, ces pages étant ensuite assemblées par ibooks dans une maquette créée automatiquement. Aujourd hui, avec des métadonnées appropriées, la solution d un fichier HTML par planche est supportée (ce qui permet un alignement avec la structure demandée pour les formats KF8). Les images Apple a une restriction de 2 millions de pixels par image, mais la résolution peut être augmentée à 3,2 millions de pixels pour l intérieur des images. Métadonnées pour l epub 2 Apple utilise une approche «propriétaire» des métadonnées pour les titres en epub 2 FXL. Il faut créer un fichier nommé com.apple.ibooks.displayoptions.xml, qui sera dans le dossier META-INF de l epub. Voici l exemple le plus simple : <?xml version="1.0" encoding="utf-8"?> <display_options> <platform name="*"> 28

29 <option name="fixed-layout">true</option> </platform> </display_options> Ce code indique que le livre est en maquette fixe. Options d affichage Apple pour l epub 2 La charte ci-dessous explique les options d affichages possibles dans le format Fixed-Layout d Apple. Nom de l option Valeurs possibles Description platform * undefined Le livre sera disponible pour iphone et ipad Disponible seulement pour iphone (et ipod touch) ipad Disponible pour ipad seulement fixed-layout true false (par défaut) Le livre est de type fixed-layout Le livre est de type reflowable orientation-lock landscape-only Orientation uniquement paysage portrait-only Orientation uniquement portrait open-to-spread specified-font true false true false Le livre s ouvre sur une double-page Le livre s ouvre sur la première page élargie à tout l écran ibooks respectera les indications de police CSS Sous certaines conditions, les indications de police seront ignorées 29

30 Métadonnées pour l epub 3 Apple utilise maintenant le package de métadonnées standard de l IDPF FXL pour les fichiers en epub 3. Plusieurs propriétés spécifiques d Apple sont également définies (la plupart de ces fonctions ont été exposées ci-dessus) avec une syntaxe différente : <meta property= ibooks:ipad-orientation-lock >portrait-only</meta> <meta property= ibooks:ipad-orientation-lock >landscape-only</meta> <meta property= ibooks:iphone-orientation-lock >portrait-only</meta> <meta property= ibooks:iphone-orientation-lock >landscape-only</meta> <meta property= ibooks:specified-fonts >true</meta> La propriété suivante permet de masquer la séparation d une planche de deux pages. La valeur par défaut est true. <meta property= ibooks:binding >false</meta> Synchronisation audio Apple a adopté les standards epub 3 pour l audio et le texte en utilisant du SMIL (voir plus haut). Interactivité Apple lit le JavaScript présent à l intérieur des livres numériques pour les animations. La mémorisation de données en local storage n est pas acceptée. Pour plus de détails La documentation Apple est assez complète, mais n est disponible que depuis un compte itunes Connect. Google Play Books Google Play Books accepte les epub FXL dont le contenu est identifié soit à partir de l ancienne métadonnée «Apple Fixed-Layout» (voir ci-dessus), soit à partir du package de métadonnées standard de l epub 3 fixed-layout. Contenu de base Google Play Books supporte le HTML accompagné d une feuille de style de positionnement absolu. Les images Bitmap ou le SVG peuvent être référencés dans les éléments spine du XHTML pour créer de simple image-page à la composition figée. Chaque fichier XHTML doit représenter une page simple du livre et doit contenir un élément meta name="viewport" à l intérieur de l élément head. Les planches seront assemblées automatiquement. 30

31 Synchronisation audio Google Play Books supporte la fonctionnalité de l epub 3 standard «media overlays» de synchronisation de l audio et du texte utilisant le SMIL. Si l on veut mettre en surbrillance le texte lu, le style à utiliser doit être spécifié en utilisant la class name de la CSS -mediaoverlay-act-ive ou -epub-media-overlay-active (ou une métadonnée classe name alternative spécifiée par <meta property="media:active-class">class-name</meta>). Restrictions Au vu des spécifications des métadonnées, Google Play Books affiche pour le moment soit une page fixed-layout en mode portrait soit une double-page en mode paysage. Les interactivités en JavaScript ne sont pas encore supportées (les livres l utilisant sont acceptés mais les animations sont ignorées). Ces restrictions seront levées dans les futures versions de Google Play Books. Barnes & Noble Note de l éditeur : les informations sur les formats fixes chez Barnes & Noble seront inclues dans une édition future de ce document. Kobo Note de l éditeur : les informations sur les formats fixes de Kobo seront inclues dans une édition future de ce document. 31

32 Les leçons de l epub fixed-layout Les éditeurs ont intérêt à adopter les conventions qui garantissent que leurs livres puissent être affichés correctement sur tous les supports. Dans cette optique, les pages suivantes proposent de voir comment développer une plate-forme multi-supports pour les contenus en epub FXL. Les pages suivantes décrivent différents problèmes de l epub FXL qui ont été rencontrés dans la pratique, en analysent la cause et proposent des changements à opérer pour améliorer la situation. Révisions des polices spécifiques à un système d exploitation La plupart des premiers livres faits en epub FXL furent édités à partir de la plate-forme Apple ibooks et conçus à partir du présupposé, erroné, que les polices fournies dans IOS seraient compatibles avec tous les systèmes de lectures et tous les appareils. IOS utilise du Times New Roman comme police à empattement ainsi qu une large collection de différentes polices spécifiques (notamment Helvetica et Arial) ; mais ce même ensemble de polices n est pas disponible dans tous les autres systèmes d exploitation. Aussi, si votre maquette dépend d une police spécifique, il faudra absolument embarquer cette police dans le fichier epub. De plus, même si toutes les polices sont bien embarquées, des différences de rendu/d alignement peuvent survenir entre les différents systèmes. Il y aura des petites différences (qui provoqueront une variation de placement due à l affichage d un ou deux pixels) dues à des conflits de versions ou d exécutions du crénage, de l approche, du gridhinting (travail de la netteté), du lissage pour écran LCD ou encore des détails de justification. Les sections ci-après donnent des astuces pour éviter ces problèmes. Note sur les environnements propriétaires : Le logiciel de Google Play Books sur Androïd propose la police à empattement Tinos par défaut et établit une correspondance avec le Times New Roman. La police Tinos a une approche généralement identique au Times New Roman, de telle sorte que le résultat obtenu en termes de chasse reste identique, faute d avoir le même glyphe disponible pour le moment. Toutes les autres polices nécessitent d être embarquées. Inclure tous les caractères spéciaux Le simple fait d embarquer les polices voulues n est parfois pas suffisant. Il faut s assurer que chaque caractère spécial utilisé est également présent dans la police embarquée. Observons les deux images suivantes : 32

33 La première image est sans conteste celle attendue, avec un texte correctement placé dans l interface laissé par l image d arrière-plan. Le balisage pour cet en-tête est le suivant : <div class="page_item1"> <p class="top"><span class="classy">some TEXT X </span> <span class="classytoo">abcd </span> <span class="classy">more</span></p> </div> Accompagnée des indications de style : div.page_item1{ position: absolute; top: 43px; left: 23px; right: 0px; } p.top{ font-size: 27px; line-height: 23px; text-align: center; text-indent: 0px; margin-top: 0px; margin-bottom: 0px; } span.classy { color:black; font-family: "Tinos"; } span.classytoo { letter-spacing: 1px; font-size: 51px; font-family: "GiorgioS-Regular"; } Les polices de référence sont toutes embarquées dans l epub. &#x2009 est l Unicode de l espace fine : ce code doit être compris dans les deux polices référencées dans l instance et la feuille de style. Cependant, le code n était compris que par l une des deux polices (il s affiche en Tinos mais pas en Giorgio), provoquant un recours par le navigateur à une solution alternative qui se traduit soit par un caractère incorrect, soit par une très large espace, et dans quelques cas par l espace fine désirée. Ce comportement varie d une plate-forme à l autre alors qu il pourrait être indépendant du navigateur. 33

34 Les polices embarquées doivent donc contenir tous les Unicodes qui seront extraits des polices. Autre solution, dans ce cas de figure, un positionnement absolu des trois plans de texte aurait rendu inutile le recours à un Unicode. Un problème particulièrement répandu réside dans le manque d inclusion des codes numériques pour les espaces cadratin et demi-cadratin dans les polices embarquées. Ces caractères sont généralement utilisés pour la position des mots, et en leur absence les choix opérés automatiquement par le navigateur peuvent aboutir à des espacements très aléatoires et à un rendu final malheureux. Se méfier de la justification du texte L utilisation de l élément text-align: justify, en particulier pour les longs paragraphes, pose souvent des problèmes. Observons l image ci-dessous et le chevauchement du texte par rapport à l «oval X». L objectif est d ajuster le texte dans chaque «oval X» (qui fait partie d une image d arrièreplan). Cependant, le balisage précise seulement que le texte doit être justifié, ce qui laisse le navigateur déterminer l emplacement du retour à la ligne et la taille des approches. Dans cet exemple, on voudrait plus précisément que le mot «exercitations» après la troisième puce se place à la ligne, auquel cas le placement de l ensemble se positionnerait correctement. Toutefois, certains navigateurs compriment les espaces afin de faire tenir le texte en une seule ligne : de cette manière, le texte recouvre les images également dans les puces suivantes. Il s agit là d une difficulté propre au fixed-layout : donner au navigateur l autorité pour décider des retours à la ligne pose souvent problème, en particulier lorsque l on essaye de positionner les lignes du texte par rapport aux images. Dans de nombreux cas, cela peut être résolu soit par un retour à la ligne forcé, soit en déterminant une position absolue pour chaque ligne (voire pour chaque mot à l intérieur de la ligne). Le positionnement absolu des lignes, des mots ou des caractères peut de toute évidence résoudre les différences d affichage induites par les différents navigateurs à quelques faibles variations près. Il faut également avoir conscience que le fait de spécifier une «boîte» n est pas suffisamment large pour englober tous les souhaits d affichage du contenu, provoquant des sauts à la ligne (voir ci-dessous) : laisser quelques pixels de marge à droite est donc une bonne habitude à prendre. 34