Choisir une police ne suffit pas à rendre un site lisible. La taille, les espacements, la largeur du texte, le fond et le chargement participent aussi à la lecture. Avant de changer votre identité graphique, vérifiez où vos visiteurs rencontrent réellement une difficulté : description d’une offre, menu, fiche produit, formulaire ou document à télécharger.
Ce guide propose une méthode de contrôle avec vos contenus. Il ne classe pas des polices comme universellement meilleures et ne promet pas un gain de ventes lié à un changement de caractères.
Tester les mots que votre site doit afficher
Rassemblez un titre long, un paragraphe, un prix, des coordonnées et un bouton. Ajoutez les accents, apostrophes et caractères particuliers de vos contenus. Une police qui semble agréable dans une maquette de quelques mots peut devenir difficile à lire dans un tableau ou un article complet.
Comparez les propositions dans leur emplacement réel, à la taille prévue. Examinez les caractères proches, comme une lettre et un chiffre, ainsi que la distinction entre titre, texte courant et information secondaire. Une famille avec plusieurs graisses peut suffire ; une seconde doit apporter une différence utile, pas seulement un effet décoratif.
Si votre identité convient déjà, conservez-la. La correction peut porter sur une taille, un espacement ou un usage mal défini. Le guide de remise d’une charte graphique explique comment documenter les règles et les fichiers retenus.
Organiser une hiérarchie qui reste compréhensible
Les titres doivent permettre de repérer les sections sans lire chaque phrase. Leur ordre décrit le contenu ; leur apparence ne doit pas servir à contourner cette structure. Un paragraphe en gros caractères n’est pas, pour autant, un titre correctement identifié.
Travaillez ensuite la largeur de lecture et les espaces entre lignes et paragraphes. Vérifiez un texte dense, pas uniquement le début de la page. Une longueur confortable dépend aussi de la police et de la taille de l’écran : il n’existe pas une largeur unique à recopier sur tous les blocs.
Exemple illustratif : une présentation reste lisible, mais sa légende est trop petite et son bouton coupe un libellé long. La reprise peut se limiter à ces éléments. Changer toutes les polices ne résout pas nécessairement le problème.
Contrôler le contraste sur chaque fond affiché
Mesurez les couleurs réellement utilisées pour le texte et son fond, y compris sur une image, dans un menu ouvert et dans un thème sombre. Un gris qui fonctionne sur blanc peut échouer sur un fond teinté. Un bouton doit être contrôlé dans ses états utiles, pas seulement sur sa maquette.
Les explications W3C sur le contraste minimum distinguent le texte courant du grand texte. Cette dernière catégorie dépend de la taille et de la graisse, avec des seuils exprimés en points ; « plus de 18 pixels » n’est pas une règle générale correcte.
Une mesure de contraste ne constitue pas une certification d’accessibilité du site. Elle permet de documenter une association précise. Gardez séparés le rendu souhaité, la valeur mesurée et les difficultés encore présentes, sans annoncer une conformité globale après le contrôle d’un seul bouton.
Vérifier le zoom et les espacements personnalisés
Sur les pages prioritaires, agrandissez le texte et parcourez les menus, champs, boutons et messages. Recherchez les lignes tronquées, les superpositions et les informations qui deviennent inaccessibles. Le contrôle doit porter sur les actions autant que sur les paragraphes.
Le critère W3C de redimensionnement du texte explique l’agrandissement sans perte de contenu ou de fonction. La vérification de cette capacité est différente d’une simple capture sur petit écran.
Le critère sur les espacements du texte examine l’adaptation lorsque l’utilisateur les modifie. Il n’impose pas de reprendre ces valeurs comme esthétique par défaut. Une boîte de hauteur fixe peut couper le contenu après cette modification, même si elle semble correcte au départ.
Observer les fichiers chargés et la police de remplacement
Inventoriez les familles et les graisses effectivement téléchargées, puis rapprochez-les des éléments qui les utilisent. Vérifiez les conditions d’utilisation des fichiers retenus. Un nom de police dans une feuille de style ne prouve ni que le bon fichier est chargé ni que tous les caractères nécessaires sont présents.
La documentation de font-display décrit le comportement d’affichage pendant le téléchargement. Une police de remplacement peut apparaître puis être remplacée ; ce changement peut modifier la largeur des mots et la composition. Le choix doit donc être observé, pas présenté comme une solution magique.
Comparez une première visite et une visite où les fichiers sont déjà disponibles, sur les pages concernées. Notez ce qui charge, ce qui bouge et ce qui reste lisible. Une réduction de fichiers peut être utile sans démontrer, à elle seule, un gain de performance pour toute l’origine ou une hausse des conversions.
Remettre des règles et des contrôles reproductibles
Pour chaque problème, conservez la page, l’élément, l’environnement de test, l’observation et la correction retenue. Rejouez le même scénario après modification. Une règle exploitable précise aussi les exceptions : légende, tableau, formulaire ou titre particulièrement long.
- Familles, fichiers et graisses réellement utilisés.
- Rôle de chaque style et contenus testés.
- Fonds et états de contraste examinés.
- Résultats du zoom, des espacements et du chargement.
- Limites observées et vérifications encore à réaliser.
Pour une création ou reprise de site vitrine, je peux cadrer les pages et les corrections prioritaires avec vous. Présentez les écrans qui posent problème et les éléments de votre identité à conserver. La mission peut rester ciblée, sans refaire un design que vous aimez déjà.
