fbpx
/ English
La taille du texte sur Windows

Modifier la taille du texte sur Windows et son impact sur l’affichage de votre site Web

Qu’est-ce que l’option de Windows pour modifier la taille du texte ?

Cette option est accessible dans les options d’affichage du panneau de contrôle de Windows 10 et permet d’augmenter la taille du texte dans toutes les applications, incluant le texte des sites Web :

Les options pour modifier la taille du texte sur Windows.

C’est une option très pratique si vous avez un écran de petite taille (15 pouces et moins) avec une résolution élevée (1440×900, 1920×1080 et plus). Ce type de configuration est courante sur les ordinateurs portables.

Cliquez ici pour consulter l’article de Microsoft au sujet de cette option.

Quel est l’impact sur l’affichage de mon site Web ?

Peu importe la plateforme utilisée pour créer votre site Web (WordPress, Shopify, Wix, etc.) et peu importe le fureteur utilisé (Chrome, Firefox, Edge, etc.), le texte sera grossis au-delà de ce que la graphiste ou l’intégrateur Web ayant conçu votre site a prévus. Ceci peut avoir un impact sur les zones contenant du texte, sur les menus et peut même avoir un impact sur les images de votre site. Voici quelques exemples :

Comment l’en-tête devrait afficher

Le menu et les coordonnées affichent sur une ligne et sont alignés verticalement :

Affichage normal de l'en-tête

Comment elle affiche avec le texte à 150% de sa taille normale

La texte grossis fait déborder le bouton jaune sur la ligne suivante et fait déplacer le texte des coordonnées :

L'impact de changer la taille du texte de Windows sur l'en-tête d'un site Web

Comment l’image devrait afficher

L’image sur cette page a été préparée pour accompagner une zone de texte ayant une certaine hauteur :

Affichage normal de l'image

Comment l’image affiche avec le texte l’accompagnant à 150% de sa taille normale

Le texte grossis occupe plus d’espace vertical et l’image n’est plus assez haute pour remplir verticalement l’espace qui lui est réservé :

L'impact de changer la taille du texte de Windows sur l'affichage d'une image

Comment les boutons devraient afficher

Tous les boutons devraient contenir une ligne de texte et être alignés verticalement :

Affichage normal des boutons

Comment les boutons affichent avec le texte l’accompagnant à 150% de sa taille normale

Certains boutons voient leur libélé passer sur deux lignes et les boutons ne sont plus alignés verticalement :

L'impact de changer la taille du texte de Windows sur l'affichage des bontons

Comment corriger ces soucis d’affichage ?

La réponse est simple : on ne peut pas! Effectivement, nous n’avons aucun mécanisme disponible (que ce soit en PHP, en JavaScript ou en CSS) pour détecter que l’internaute a modifié la taille du texte de son appareil Windows.

Tout n’est pas perdus par contre, il y a un compromis possible si vous êtes programmeur Web ou intégrateur Web : modifier le CSS du site pour utiliser des unités variables en vh (viewport height) ou vw (viewport width) plutôt que des unités fixes en px (pixels) pour les différents éléments (conteneurs, textes, images, etc.) de votre site.

Petite mise en garde concernant ce compromis : si votre site contient des centaines de lignes de CSS (ou même des milliers comme c’est le cas avec des thèmes WordPress achetés), la tâche de modifier tout le code CSS peut être très ardue et causer plusieurs soucis bien plus graves que ceux décrit dans cet article.

La leçon à tirer

Les internautes ayant modifié la taille du texte sur Windows ont l’habitude de voir des sites Web afficher incorrectement, alors ça ne vaut pas toujours le coup de revoir le CSS de votre site de fond en comble. D’autant plus que tous les sites de nos jours sont responsive (leur affichage s’adapte selon les écrans), alors les soucis causés par ce paramètre sont généralement mineurs.

Auteur de l'article

Davyd Quintal

Directeur des solutions novatrices
Adepte inconditionnel des technos, des jeux vidéo, des séries Netflix et de la bonne bouffe, Davyd est aussi et par-dessus tout un passionné du Web. Programmeur devenu expert dans son domaine et toujours aussi fasciné après plus de 20 ans, il comprend et maitrise le Web, ses rouages, les défis qu’il impose et, surtout, les opportunités qu’il offre. Pour contribuer au succès des entreprises, il met également à profit ses compétences en marketing numérique. Pierre angulaire de Wenovio, en plus de proposer des solutions novatrices pour propulser votre entreprise, son expérience l’amène aujourd’hui à partager son bagage de connaissances. Vidéos éducatives, conférences, formations et ateliers interactifs : tout pour soutenir les travailleurs autonomes, PME et organismes dans ce monde d’infinies possibilités qu’est la toile.

À découvrir sur notre blogue

2017-01-31

Comment réduire les coûts d’un site Web en utilisant un thème pour WordPress ?

Gilles Duquerroy / Flexocodeur

La semaine dernière, mon voisin me demande « combien ça coûte de faire un site Web ? »
Comme on me pose souvent cette question, j’ai ma réponse déjà toute prête: « ça dépend du site… »

Lire la suite
2021-04-13

Qu’est-ce que le design Web responsive ?

Émilie Demers Moreau / Designer graphique

Le terme design responsive est utilisé pour désigner une interface unique qui s’adapte dynamiquement aux différentes tailles d’écrans.

Lire la suite
2019-11-21

Mon site WordPress est lent : que faire ?

Davyd Quintal / Directeur des solutions novatrices

Comment améliorer la performance quand mon site WordPress est lent? Il vous suffit de l’optimiser pour le rendre plus rapide!

Lire la suite
2019-06-18

En 2021, est-ce encore d’actualité d’avoir un site Web ?

Davyd Quintal / Directeur des solutions novatrices

Le site Web est l’endroit centralisé où l’organisation présente à notre auditoire toutes les informations concernant une organisation.

Lire la suite

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site est protégé par reCAPTCHA et le GooglePolitique de confidentialité etConditions d'utilisation appliquer.