Contraste et taille du texte : pourquoi vos clients de plus de 45 ans n'arrivent pas à lire votre site
Vous recevez des remarques du type « on ne voit rien » ou « c'est illisible » ? Ce ne sont pas les yeux des clients, c'est la lisibilité du site.
Vous recevez des messages du genre « je ne trouve pas votre numéro » ou « c'est illisible sur mon téléphone » ? Vos clients n'ont pas un problème de vue — votre site a un problème de lisibilité. Et ceux qui se plaignent le plus ont souvent dépassé 45 ans, c'est-à-dire précisément la clientèle qui remplit l'agenda d'un cabinet dentaire ou d'une étude notariale.
La bonne nouvelle : ce n'est pas une question de goût, mais quelques règles concrètes que vous pouvez vérifier et corriger vous-même. Un texte gris clair sur blanc, des lettres rétrécies pour « tout faire tenir », un bouton que le doigt rate — chacun fait fuir la personne qui allait vous appeler. Voyons pourquoi cela arrive et quoi faire, étape par étape.
Ce qui change dans l'œil après 40 ans (et pourquoi ce n'est pas leur faute)
Vers 40–45 ans, le cristallin de l'œil se rigidifie et laisse passer moins de lumière. Cet effet porte un nom médical, la presbytie, et touche presque tout le monde, même ceux qui n'ont jamais porté de lunettes. Deux choses se produisent : l'œil fait le point de près avec plus d'effort et, surtout pour un site, la sensibilité au contraste baisse — l'écart entre le texte et le fond doit donc être plus marqué pour être lu confortablement.
En pratique, un texte que vous lisez sans effort à 30 ans devient un brouillard gris pour votre client de 55 ans. Il n'a pas besoin de meilleures lunettes. Il a besoin d'un site conçu pour le fonctionnement réel d'un œil mûr — et cela dépend de vous, pas de lui.
Le contraste : la règle vérifiable en 30 secondes
Il existe une norme technique claire, utilisée dans le monde entier, appelée WCAG. Elle exige un rapport de contraste d'au moins 4,5:1 pour le texte normal et 3:1 pour le texte de grande taille. Inutile de retenir les chiffres — il suffit de savoir qu'ils se mesurent, gratuitement, avec n'importe quel « contrast checker » de navigateur.
Le grand coupable est le texte gris clair sur blanc, ce fameux #999 ou #aaa qui « fait élégant » dans un portfolio de designer. Sur votre écran, à l'ombre, il paraît raffiné. Pour un œil de 55 ans, en voiture, au soleil, il est presque invisible. Tout aussi risqué :
- les polices très fines (thin / light)
- le texte blanc sur une photo claire
- le gris pâle pour des informations clés comme les horaires ou le téléphone
Règle simple : l'information dont dépend un rendez-vous — téléphone, adresse, bouton — doit être l'élément le plus foncé, pas le plus discret, de la page.
La taille et l'espacement comptent autant que la lettre
Un bon contraste avec de toutes petites lettres reste illisible. Pour le texte courant (paragraphes, coordonnées), une base raisonnable aujourd'hui tourne autour de 16px, avec des titres plus grands. En dessous, un client mûr doit rapprocher le téléphone ou zoomer — et beaucoup abandonnent tout simplement.
Mais ce n'est pas que la taille. Comptent aussi :
- l'espace entre les lignes (une interligne d'environ 1,5 rend le texte bien plus facile à suivre)
- des lignes qui ne s'étirent pas sur toute la largeur de l'écran sur ordinateur
- des boutons assez grands pour être touchés au doigt — le repère classique est autour de 44px de haut
Un texte tassé pour « faire premium » fatigue l'œil. L'air entre les éléments n'est pas de l'espace perdu ; c'est ce qui rend la page lisible.
Le test de 2 minutes à faire tout de suite
Pas besoin d'un spécialiste pour repérer la plupart des problèmes. Faites ceci sur votre propre téléphone :
- Ouvrez le site dehors, en plein jour, pas au bureau avec la luminosité au maximum.
- Tenez le téléphone à distance de lecture normale, sans le rapprocher des yeux et sans zoomer.
- Baissez la luminosité de l'écran à environ la moitié — c'est ainsi que beaucoup de clients le voient vraiment.
- Demandez à un parent, ou à un client de plus de 55 ans, de trouver votre numéro en dix secondes.
S'il hésite, plisse les yeux ou rapproche le téléphone — vous avez votre réponse. Pas besoin de théorie : son œil vous dit directement ce qui cloche. Notez où il a buté ; c'est là que vous perdez des rendez-vous.
Les pièges de design qui font joli mais tuent la lecture
Beaucoup de sites paraissent modernes et, pour cette raison même, ne se lisent pas. Pièges fréquents, surtout dans les cabinets et études qui veulent une allure « élégante » :
- Du texte sur des photos ou vidéos sans calque foncé dédié en dessous — lisible sur la moitié de l'image seulement.
- Des couleurs de marque claires (or, beige, gris perle) posées directement sur le texte, et pas seulement en accent.
- Des menus cachés et des icônes sans mots — un client mûr cherche le mot « Contact », pas un symbole.
- Des animations qui déplacent le texte pendant qu'on essaie de le lire.
Cela ne veut pas dire renoncer à un beau site. Cela veut dire que beauté et lisibilité ne s'opposent pas — un bon design résout les deux. Votre couleur de marque peut vivre dans les boutons, les traits et les fonds, tandis que le texte reste foncé et net.
Comment nous traitons la lisibilité chez MPO
Chez MPO Web Studio, nous partons du vrai client de votre activité, pas d'un joli modèle en vitrine. Pour un cabinet ou une étude à clientèle mûre, cela signifie un contraste vérifié, un texte assez grand par défaut, et des coordonnées visibles dès le départ — pas enfouies sous un menu.
Nous travaillons à distance dans tout le pays et vous construisons d'abord une démo gratuite — un site que vous voyez et testez sur votre propre téléphone avant de payer quoi que ce soit. Vous pouvez même y faire le test ci-dessus, avec un client de 60 ans à côté de vous. Les tarifs sont transparents, sans surprise.
Si vous recevez déjà des « on ne voit rien », écrivez-nous sur WhatsApp avec l'adresse de votre site actuel — nous vous dirons honnêtement ce qui se corrige vite et ce qui mérite d'être refait.
Questions fréquentes
Quelle taille de texte est « correcte » pour un site ?+
Il n'y a pas de chiffre magique unique, mais pour le texte courant sur téléphone, un bon point de départ tourne autour de 16px, avec des titres plus grands. Plus important que le chiffre : le test réel. Si un client de plus de 55 ans lit sans rapprocher le téléphone, c'est bon. S'il plisse les yeux, c'est trop petit — quoi qu'en dise la théorie.
Suffit-il d'agrandir seulement la police ?+
En général non. Une grande police toujours gris clair sur blanc reste illisible. La lisibilité vient de trois choses ensemble : taille, contraste et interligne. N'en corriger qu'une ne résout qu'un tiers du problème. Mieux vaut vérifier les trois sur vos pages importantes.
Mes couleurs de marque sont claires. Dois-je les changer ?+
Pas forcément. La couleur de marque peut rester, mais déplacée sur les boutons, les traits, les icônes et les fonds — pas sur le texte à lire. Le texte important reste foncé et net, et la marque vit autour. Vous gardez ainsi votre identité sans sacrifier la lisibilité.
Combien de temps pour corriger cela sur un site existant ?+
Cela dépend de la façon dont le site est construit. Les réglages de contraste, de taille et d'espacement font partie des corrections les plus rapides et se font souvent sans tout refaire. Envoyez-nous votre adresse sur WhatsApp : nous regardons et vous disons honnêtement si c'est quelques heures de correction ou un chantier plus large.
Un bouton « agrandir le texte » sur le site règle-t-il le problème ?+
Il aide celui qui pense à le chercher, mais la plupart des clients ne le remarqueront pas et ne l'utiliseront pas. Il vaut bien mieux que le site soit lisible par défaut, tout de suite, que de demander un pas de plus à un client mûr. Le bouton est un plus, pas une excuse pour un texte trop petit dès le départ.
7 erreurs qui font fuir vos clients de votre site
Laissez votre e-mail et recevez le guide ici, tout de suite. Sans spam.
Envie de voir à quoi ressemblerait le site de votre entreprise ?
Écrivez-nous sur WhatsApp et nous préparons GRATUITEMENT un site de démonstration au nom de votre entreprise. Vous le voyez d'abord — vous décidez ensuite.