Comment ajouter du texte redimensionnable pour les visiteurs du site dans WordPress

Avez-vous vu les boutons de redimensionnement de la police sur certains sites populaires? Le but de ces boutons est de fournir un moyen plus simple aux visiteurs malvoyants d’ajuster la taille de la police sans casser la mise en page du site Web. Même si vous pouvez utiliser la fonction de zoom intégrée du navigateur en appuyant sur les touches CTRL et +, la taille de chaque élément de la page augmente, pas uniquement le 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 si vous avez besoin de plus d'instructions, continuez à lire..

La première chose à faire est d’installer et d’activer le plugin Accessibility Widget sur votre site Web. Lors de l'activation, allez simplement à Apparence »Widget et glissez / déposez le widget d'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 les tailles de police ici. Le dernier paramètre de 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 apparaître sur votre site Web maintenant:

Si vous estimez que le texte du contrôleur n'est pas perceptible, vous pouvez le modifier à l'aide de CSS. Par exemple, ajoutez ce code CSS dans la feuille de style de votre thème:

 .widget_accesstxt a border: 2px solid # 000; rembourrage: 2px; poids de police: gras;  

Ce CSS va ajouter une bordure autour du texte du contrôleur, le mettre en gras et ajouter 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 manière d’améliorer l’accessibilité sur votre site WordPress..

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Google+.