Un visiteur trouve une page utile, l’imprime pour une réunion et découvre qu’il manque la seconde moitié du comparatif. Le site paraissait convaincant à l’écran. Sur le papier, pourtant, son menu fixe recouvre un titre et un fond sombre envahit la page. L’impression correspond à une situation de lecture distincte, pas simplement à une capture d’écran envoyée à une imprimante.
Partir de ce que le lecteur doit retenir
Une présentation de service, une sélection et un article éditorial répondent à des objectifs différents. Avant d’ajuster les styles, identifiez les éléments qui doivent rester compréhensibles hors du navigateur : le sujet, les détails essentiels, les images pertinentes et un moyen de revenir à la source. Une version imprimable ne doit pas omettre discrètement une condition qui modifie le sens d’une offre.
Il n’est pas nécessaire de reproduire chaque effet animé ou commande de navigation. Les retirer peut libérer de la place pour le contenu lui-même. Le critère est éditorial : une personne qui n’a jamais vu le site comprendrait-elle de quoi parle ce document ?
Garder le même contenu, avec une présentation différente
Les styles CSS d’impression permettent d’adapter une page au papier ou au PDF sans entretenir une copie distincte de son texte. MDN décrit le type de média print prévu à cet effet. Une source de contenu commune réduit le risque de corriger la page web tout en laissant inchangée une ancienne version imprimable.
Nous partons d’une mise en page simple, avec un texte lisible, des marges mesurées et des titres clairs. Un fond décoratif ne doit pas être le seul élément qui distingue les sections importantes. Le sens doit rester perceptible lorsque le navigateur omet les arrière-plans ou que le lecteur choisit une impression monochrome.
Regrouper les informations liées, sans bloquer le déroulement des contenus longs
Une image séparée de son explication peut devenir ambiguë. Un en-tête de tableau sans les valeurs correspondantes n’est pas plus utile. La propriété CSS break-inside agit sur les sauts à l’intérieur d’un élément, mais une règle ne remplace pas l’examen du résultat. Un bloc volumineux doit toujours tenir dans l’espace disponible sur la page.
Vérifiez des exemples courts et longs. Ne comprimez pas un comparatif entier dans des caractères illisiblement petits pour éviter une feuille supplémentaire. Le raisonnement qui permet de créer un comparatif utilisable sur petit écran vaut aussi ici : préserver les liens entre les libellés et les valeurs avant de préserver une disposition visuelle particulière.
Laisser un chemin de retour vers la page à jour
Sur papier, on ne peut pas cliquer sur un lien. Là où cela compte, indiquez une adresse source lisible plutôt qu’un « en savoir plus » sans explication. Un titre de page pertinent et une courte mention de la source aident le lecteur à identifier le document plus tard. Si les informations changent souvent, expliquez leur contexte plutôt que de laisser entendre qu’un exemplaire imprimé restera à jour indéfiniment.
N’exposez pas automatiquement chaque URL technique, paramètre de suivi ou détail personnel. Une version imprimée passe souvent entre d’autres mains. Choisissez les informations délibérément, en particulier sur les pages contenant des formulaires ou des données saisies par les visiteurs.
Vérifier le résultat, pas seulement la feuille de style
Ouvrez l’aperçu avant impression et examinez la première page, les pages du milieu et la dernière. Recherchez les colonnes tronquées, les titres isolés, les logos surdimensionnés, les images manquantes et les feuilles blanches inutiles. Essayez les formats de papier et les réglages du navigateur qui concernent le public visé. Un PDF enregistré depuis un navigateur constitue un élément de vérification utile, pas la preuve d’un résultat identique sur tous les appareils.
Cela fait partie de l’entretien régulier d’un site web : réexaminez le résultat imprimé lorsque le contenu ou la mise en page change. L’objectif n’est pas de faire imiter l’écran par le papier. Il est de permettre aux mêmes informations de rester utiles dans un autre contexte.