Avez-vous vu les boutons de redimensionnement des polices sur certains sites populaires ? Le but de ces boutons est de fournir aux visiteurs malvoyants un moyen plus simple d’ajuster la taille de la police sans altérer la mise en page d’un site Web. Même si vous pouvez 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 la page, pas seulement du texte. Dans cet article, nous allons vous montrer comment ajouter du texte redimensionnable pour les visiteurs du site dans WordPress.
Didacticiel vidéo
Si vous n’aimez pas la vidéo ou avez besoin de plus d’instructions, continuez à lire.
La première chose que vous devez faire est d’installer et d’activer le Widget Accessibilité plug-in sur votre site Web. Lors de l’activation, il vous suffit d’aller sur Apparence » Widget et glissez/déposez le Widget Accessibilité dans une barre latérale.
Vous pouvez entrer un titre pour le widget. Ensuite, vous devez sélectionner les éléments HTML ou les classes CSS qui seront affectés par le widget. Les options par défaut sont corps, paragraphe, éléments de liste et cellules de tableau. 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 ici. Le dernier paramètre du widget est le texte du contrôleur. C’est le texte que les utilisateurs verront. Habituellement, la lettre A est utilisée pour représenter l’option de redimensionnement de la police. Une fois que vous avez terminé, cliquez sur le bouton Enregistrer 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 maintenant apparaître sur votre site Web :
Si vous pensez que le texte du contrôleur n’est pas visible, vous pouvez le modifier en utilisant CSS. Par exemple, ajoutez ce code CSS dans la feuille de style de votre thème :
.widget_accesstxt a { border: 2px solid #000; padding: 2px; font-weight: bold; }
Ce CSS ajoutera une bordure autour du texte du contrôleur, le rendra gras et ajoutera un peu de rembourrage.
Nous espérons que cet article vous a aidé à ajouter une option de texte redimensionnable dans votre site WordPress. Vous pouvez également consulter notre guide sur la façon d’améliorer l’accessibilité sur votre site WordPress.