Comment ajouter un redimensionneur de police dans WordPress pour l'accessibilité

Nous avons appris que les meilleurs sites Web sont ceux qui s'adaptent à leurs utilisateurs, et non l'inverse. L'un des moyens les plus efficaces d'y parvenir est d'ajouter un redimensionneur de police qui permet aux visiteurs d'ajuster la taille du texte à leur niveau de confort.

L'accessibilité des polices profite à tous, des utilisateurs malvoyants aux personnes lisant sur différents appareils ou dans diverses conditions d'éclairage.

Lorsque les visiteurs peuvent facilement personnaliser la taille du texte, ils restent plus longtemps, lisent davantage et sont plus susceptibles d'interagir avec votre contenu et d'agir sur votre site.

Dans ce guide, nous vous montrerons exactement comment ajouter un redimensionneur de police à votre site WordPress. Nous avons testé plusieurs méthodes et plugins pour trouver les options les plus fiables qui fonctionnent avec n'importe quel thème et qui ne ralentiront pas votre site Web.

Pourquoi est-il important d'ajouter du texte redimensionnable à votre site Web ? 🤔

Si la taille de la police est trop petite sur votre site Web, les gens auront du mal à lire vos articles et finiront par abandonner votre site.

Un moyen facile d'améliorer la lisibilité est d'offrir aux visiteurs la possibilité de redimensionner le texte principal de votre site Web. Cela permet aux utilisateurs d'ajuster la taille du texte selon leur préférence et de passer plus de temps sur votre site.

Bien que vous puissiez utiliser la fonction de zoom intégrée du navigateur en appuyant sur les touches ‘CTRL et +’, cela augmente la taille de chaque élément de conception WordPress sur la page, pas seulement le texte. Cela peut casser la mise en page du site Web et ne pas offrir une bonne expérience utilisateur.

Cela dit, voyons comment vous pouvez facilement ajouter du texte redimensionnable pour vos visiteurs dans WordPress. Vous pouvez utiliser les liens rapides ci-dessous pour passer à une méthode spécifique :

Méthode 1 : Ajouter un redimensionneur de police WordPress avec un plugin et du code

Un moyen simple de permettre aux utilisateurs de modifier la taille du texte sur votre site Web est d'utiliser un plugin de redimensionnement de police d'accessibilité WordPress comme Accessibility Widget.

C'est un plugin WordPress gratuit qui vous permet d'ajouter une option dans la barre latérale de votre site pour changer la taille du texte. Le plugin est léger et très facile à utiliser.

La première chose à faire est d'installer et d'activer le plugin Accessibility Widget sur votre site web. Si vous avez besoin d'aide, veuillez consulter notre guide sur comment installer un plugin WordPress.

Après l'activation, allez simplement dans Apparence » Widget depuis le panneau d'administration de WordPress. Ensuite, vous pouvez cliquer sur le bouton '+' et ajouter le bloc 'Accessibility Widget' à votre barre latérale.

Après cela, vous pouvez entrer un titre pour le widget, comme 'Changer la taille du texte' ou 'Redimensionner le texte'.

Ensuite, vous devez sélectionner quels éléments HTML ou quelles classes CSS seront affectés par le widget. Les options par défaut sont body, paragraph, list items et table cells. Ces options devraient fonctionner pour la plupart des sites web.

Le widget permet jusqu'à quatre options de redimensionnement. Les options par défaut sont 90%, 100%, 110% et 120%. Vous pouvez augmenter ou diminuer la taille des polices en saisissant les chiffres dans le champ 'Définir à ces tailles'.

Le dernier réglage du widget est le texte du contrôleur, et c'est le texte que les utilisateurs verront. Vous pouvez conserver les pourcentages par défaut pour la taille du texte ou utiliser une lettre pour afficher différentes tailles de police.

Une fois que vous avez terminé, cliquez simplement sur le bouton 'Mettre à jour' pour enregistrer les paramètres de votre widget.

Vous pouvez maintenant visiter votre site web pour voir le widget en action. Voici comment le widget devrait apparaître dans la barre latérale de votre site web :

Si vous estimez que le texte du contrôleur n'est pas assez visible, vous pouvez le modifier en utilisant du CSS.

Pour ce faire, rendez-vous simplement dans votre administration WordPress et sélectionnez Apparence » Personnaliser.

Vous devriez maintenant voir des options pour personnaliser votre thème classique.

Ici, sélectionnez « CSS additionnel ».

Maintenant, vous pouvez ajouter du code CSS pour styliser le widget.

Voici ce que nous avons ajouté :

.widget_accesstxt a {
border: 2px solid #000;
padding: 2px;
font-weight: bold;
}

Ce CSS ajoutera une bordure autour du texte du contrôleur, le mettra en gras et ajoutera un peu de marge intérieure. Une fois que vous êtes satisfait de l'apparence du widget, cliquez simplement sur « Publier ».

Pour plus de détails, veuillez consulter notre guide sur comment ajouter du CSS personnalisé dans WordPress.

Méthode 2 : Utiliser un plugin d'accessibilité WordPress

Une autre façon simple de permettre aux utilisateurs de redimensionner le texte sur votre site web est d'utiliser WP Accessibility. Ce plugin vous permet d'ajouter une barre d'outils à votre site pour modifier la taille du texte, quel que soit le thème que vous utilisez.

La première chose à faire est d'installer et d'activer le plugin WP Accessibility sur votre site web. Vous pouvez consulter notre guide sur comment installer un plugin WordPress si vous avez besoin d'aide.

Après l'activation, allez simplement sur la page WP Accessibility depuis le panneau d'administration WordPress.

Dans la section « Barre d'outils d'accessibilité », cliquez sur l'option « Activer la barre d'outils d'accessibilité » et sélectionnez « Taille de la police ». Cela ajoutera un redimensionneur de police à la barre d'outils.

Si nécessaire, vous pouvez également activer les options Contraste et Niveaux de gris.

De plus, vous pouvez modifier la taille de la police du contenu lorsque la barre d'outils est cliquée. Vous pouvez également simplement sélectionner « Taille par défaut » dans le menu déroulant si vous n'êtes pas sûr de ce qu'il faut choisir.

En dehors de cela, nous vous recommandons d'activer l'option « Utiliser une feuille de style alternative pour le redimensionnement des polices ». Lorsque cette option est activée, les utilisateurs peuvent facilement basculer entre les tailles de police par défaut et une version plus grande et plus lisible du texte.

N'hésitez pas à activer d'autres paramètres dans le plugin.

Une fois terminé, cliquez simplement sur le bouton « Mettre à jour les paramètres de la barre d'outils ».

C’est tout !

Voici à quoi ressemble notre barre d'outils de redimensionnement de police sur le front-end :

Pour plus d'informations, vous pouvez lire notre guide sur comment améliorer l'accessibilité de votre site WordPress.

Rendez votre site WordPress encore plus facile à utiliser avec ces conseils

Vous voulez rendre votre site plus facile à utiliser et plus attrayant ? Consultez ces guides utiles :

• Comment ajouter la navigation au clavier avec les touches fléchées dans WordPress – Facilitez la navigation sur votre site.
• Comment personnaliser les couleurs de votre site Web WordPress – Choisissez les bonnes couleurs pour que votre site soit beau et facile à lire.
• Comment ajouter une animation de préchargement à WordPress (étape par étape) – Ajoutez un écran de chargement sympa à votre site.
• Comment ajouter facilement le mode sombre à votre site WordPress – Laissez les utilisateurs passer à un thème plus sombre s'ils le préfèrent.
• Comment créer un site WordPress adapté aux mobiles – Assurez-vous que votre site fonctionne bien sur les téléphones et les tablettes.
• Comment obtenir des retours sur la conception de votre site Web dans WordPress (étape par étape) – Apprenez à demander aux gens ce qu'ils pensent de la conception de votre site.
• Comment mettre en surbrillance du texte dans WordPress (Guide pour débutants) – Apprenez à faire ressortir les mots importants sur vos pages.

Tutoriel vidéo

Nous espérons que cet article vous a aidé à ajouter un redimensionnement de texte à votre site WordPress. Vous voudrez peut-être aussi consulter notre sélection d'experts des meilleurs constructeurs de pages WordPress glisser-déposer et notre guide complet sur les mises à jour de thèmes WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.