Comment Accessibilité Web sur les sites WordPress

WordPress est la plateforme de création de site la plus populaire. Selon w3techs, 35,7% des sites Web utilisent WordPress, ce qui lui donne une part de marché étonnante de 62,5% dans le système mondial de gestion de contenu (SGC). Cependant, lorsque vous créez un site Web de WP, l’accessibilité du site Web peut être la dernière chose qui vous vient à l’esprit. Cependant, la norme de codage d’accessibilité WordPress stipule que « tout code nouveau ou mis à jour publié dans WordPress doit être conforme au niveau 2.0 AA du Guide d’accessibilité sur le Web».
En d’autres termes, si vous avez un site Web du PPF, l’accessibilité est un facteur clé. Heureusement, il n’est pas impossible de rendre votre site Web accessible. Mais avant de discuter de la façon de le faire, essayons de comprendre ce qu’est l’accessibilité Web. R. le World Wide Web Consortium (W3C), qui a établi des normes internationales pour les réseaux, a élaboré les quatre principes suivants en matière d’accessibilité: perception: Vous devez présenter toutes les informations et tous les éléments de votre site Web afin que chacun puisse les percevoir. Opérable: tous les éléments navigables et interactifs doivent être disponibles pour différents utilisateurs. Compréhensible: tout le monde devrait être en mesure de comprendre l’information et l’interface utilisateur de votre site Web. Robuste: tous les types de technologies d’aide et les utilisateurs devraient être en mesure de lire le contenu de votre site. B. meilleures pratiques pour l’accessibilité du site WordPress en gardant à l’esprit les principes ci – dessus, vous pouvez rendre le site WordPress accessible aux personnes handicapées en suivant les étapes suivantes:
Tout le monde, y compris les aveugles, devrait pouvoir lire le texte de votre site Web. Bien que de grandes polices puissent être utilisées par défaut, la fourniture de texte redimensionné augmentera les résultats
Habituellement réinitialisé au style de mise au point par défaut. Assurez – vous d’utiliser un thème WordPress qui ne réinitialise pas cette fonctionnalité. Les sujets d’accessibilité Divi vous aident à configurer votre clavier pour une navigation conviviale grâce à des menus déroulants accessibles et à des contours visuels d’éléments focalisables. Aria Aria représente une application Internet riche accessible. Grâce au rôle de référence aria, vous pouvez définir différentes zones de votre page Web, ce qui permet aux utilisateurs de technologies d’aide de naviguer facilement sur votre site Web.
Les rôles clés les plus courants de l’aria sont les bannières, les principaux, les suppléments, l’information sur le contenu, la recherche et la navigation. Bannière: définit le titre du site, comme le logo, le nom de l’entreprise ou le titre du site. Main: définit le contenu principal d’une page Web. Supplément: détecter le contenu de soutien en tant qu’élément important du contenu principal. Information sur le contenu: fournit de l’information sur des documents clés comme les notes de bas de page, les droits d’auteur et les avis de confidentialité. Recherche: Entrez le formulaire de recherche sur le site Web. Navigation: marquer les éléments de navigation d’une page Web. Le plus grand avantage de l’utilisation des repères Aria est qu’ils peuvent traiter des éléments HTML5 qui ont déjà une sémantique. Vous pouvez donc les utiliser avec des éléments HTML5 dans les thèmes WordPress existants.
Éléments interactifs: pour les éléments interactifs tels que CTA et modules, utilisez toujours des couleurs à contraste élevé comme arrière – plan du texte. Bien que l’aawcag 2.0 exige un contraste d’au moins 4: 5: 1 pour le texte simple et d’au moins 3: 1 pour le grand texte, l’AAA exige un contraste d’au moins 7: 1 pour le texte simple et d’au moins 4: 5: 1 pour le grand texte. En général, le texte noir sur fond blanc offre un contraste de couleur optimal. Vous pouvez également utiliser du texte noir sur fond jaune et vice versa. Mais évitez