\u00ab L’accessibilit\u00e9 est la pratique consistant \u00e0 rendre vos sites web utilisables par le plus grand nombre de personnes possible. Nous pensons traditionnellement que cela concerne les personnes handicap\u00e9es, mais la pratique consistant \u00e0 rendre les sites accessibles profite aussi \u00e0 d’autres groupes, comme ceux qui utilisent des appareils mobiles ou ceux qui ont des connexions r\u00e9seau lentes \u00bb.(source<\/a>)<\/em><\/p><\/blockquote>\n Plus votre site est accessible, plus les gens peuvent l’utiliser. Lorsqu’un site est moins accessible, ou lorsque l’accessibilit\u00e9 n’est pas une priorit\u00e9, une partie de votre public est dissuad\u00e9e ou compl\u00e8tement emp\u00each\u00e9e d’obtenir toutes les informations que votre site a \u00e0 offrir.<\/p>\n Dans cet article, nous allons voir pourquoi l’accessibilit\u00e9 est importante, ce qu’elle signifie, dans quelle mesure WordPress est d\u00e9j\u00e0 accessible, comment les cr\u00e9ateurs de sites peuvent rendre les sites accessibles et comment tester l’accessibilit\u00e9 d’un site.<\/p>\n C’est parti !<\/p>\n L’accessibilit\u00e9 web signifie qu’un site web est con\u00e7u et d\u00e9velopp\u00e9 pour que toutes les personnes puissent l’utiliser. Cela inclut la fa\u00e7on dont ils comprennent, naviguent<\/a>, interagissent et contribuent au site web.<\/p>\n Une bonne fa\u00e7on de d\u00e9finir et de comprendre pleinement l’accessibilit\u00e9 web est de d\u00e9truire certains de ses mythes.<\/p>\n\n Un site web enti\u00e8rement accessible doit pouvoir \u00eatre utilis\u00e9 par les personnes souffrant de handicaps auditifs, cognitifs, neurologiques, physiques, vocaux et visuels. Les personnes handicap\u00e9es sont au c\u0153ur des efforts d’accessibilit\u00e9. Cependant, ce ne sont pas les seules personnes qui b\u00e9n\u00e9ficient d’un site web accessible.<\/p>\n L’accessibilit\u00e9 web am\u00e9liore l’exp\u00e9rience utilisateur pour tous les types de personnes et de situations suivants :<\/p>\n Il est fort probable que vous ayez entendu parler de plus en plus de l’accessibilit\u00e9 web ces derni\u00e8res ann\u00e9es. Comme le web se d\u00e9veloppe et que de plus en plus de personnes s’y fient, l’accessibilit\u00e9 web devient une question plus urgente. Mais ce n’est pas seulement une mode.<\/p>\n \u00ab L’accessibilit\u00e9 num\u00e9rique est un droit civil et un droit humain des personnes handicap\u00e9es du monde entier. \u00bb<\/em> Plus le temps passe et plus l’utilisation du web devient omnipr\u00e9sente, plus le besoin d’une accessibilit\u00e9 web g\u00e9n\u00e9ralis\u00e9e se fait sentir. Lorsqu’un site web n’est pas enti\u00e8rement accessible selon les directives WCAG, les personnes peuvent engager une action en justice contre le d\u00e9veloppeur ou le propri\u00e9taire du site.<\/p>\n Il suffit de regarder le nombre de proc\u00e8s autour de l’accessibilit\u00e9 web pour comprendre \u00e0 quel point les gens prennent cela au s\u00e9rieux. Le nombre de poursuites judiciaires de 2017 \u00e0 2018 a presque tripl\u00e9<\/a>. Depuis, ce nombre est en moyenne de 2 345 proc\u00e8s par an. M\u00eame pendant la pand\u00e9mie de COVID-19 tout au long de l’ann\u00e9e 2020, le nombre de proc\u00e8s pour l’accessibilit\u00e9 des sites web du Titre III de l’ADA devant les tribunaux f\u00e9d\u00e9raux a augment\u00e9 de 12 % par rapport \u00e0 l’ann\u00e9e pr\u00e9c\u00e9dente.<\/p>\n L’accessibilit\u00e9 web est l\u00e0 pour rester. Lorsque nous d\u00e9veloppons des logiciels et des sites web<\/a>, nous devons int\u00e9grer l’accessibilit\u00e9 web dans nos processus en allant de l’avant. C’est n\u00e9cessaire non seulement parce que personne n’aime \u00eatre poursuivi en justice, mais aussi parce qu’Internet doit r\u00e9pondre aux besoins de tous les individus, quels que soient ces besoins.<\/p>\n Une fois que vous aurez compris pourquoi l’accessibilit\u00e9 est importante – et qu’il peut y avoir des cons\u00e9quences \u00e0 ne pas en faire une priorit\u00e9 – vous serez peut-\u00eatre press\u00e9 de vous assurer que votre site web est conforme aux WCAG.<\/p>\n L’un des mythes les plus populaires sur l’accessibilit\u00e9 web est que vous pouvez t\u00e9l\u00e9charger une simple extension<\/a> ou installer un logiciel qui, en un claquement de doigts, rendra votre site enti\u00e8rement accessible. C’est tout simplement impossible.<\/p>\n Selon a11yproject.com<\/a>, les probl\u00e8mes d’accessibilit\u00e9 sont soit objectifs, soit subjectifs. Les probl\u00e8mes objectifs peuvent \u00eatre d\u00e9tect\u00e9s par le code, et les probl\u00e8mes subjectifs n\u00e9cessitent un jugement humain. Le code ne peut jamais r\u00e9soudre avec pr\u00e9cision les probl\u00e8mes qui appartiennent \u00e0 cette derni\u00e8re cat\u00e9gorie, et les tentatives de le faire causent souvent plus de mal que de bien dans le processus.<\/p>\n \u00ab Les solutions superpos\u00e9es sont des solutions logicielles automatis\u00e9es, qui, comme nous le savons, ne peuvent d\u00e9tecter qu’environ 30 % des probl\u00e8mes WCAG au d\u00e9part. Cela est d\u00fb au fait que les WCAG sont nuanc\u00e9s et interpr\u00e9tatifs. Les machines ne sont pas dou\u00e9es pour cela. \u00bb(source<\/a>)<\/em><\/p><\/blockquote>\n N’oubliez pas que l’accessibilit\u00e9 ne consiste pas \u00e0 \u00e9viter les risques, mais \u00e0 offrir des exp\u00e9riences optimis\u00e9es \u00e0 tous les utilisateurs.<\/p>\n L’Initiative pour l’accessibilit\u00e9 web a \u00e9labor\u00e9 un ensemble de directives pour l’accessibilit\u00e9 du contenu web<\/a> (Web Content Accessibility Guidelines ou WCAG) qui peuvent vous aider \u00e0 vous assurer que votre site est conforme et enti\u00e8rement accessible. Si vous concevez, d\u00e9veloppez ou assistez un site web, vous devez bien conna\u00eetre ces directives.<\/p>\n L’accessibilit\u00e9 n’est pas seulement l’affaire des d\u00e9veloppeurs, mais aussi des concepteurs, des sp\u00e9cialistes du marketing, des r\u00e9dacteurs de contenu, des chefs de projet et bien d’autres encore. L’accessibilit\u00e9 doit \u00eatre une priorit\u00e9 tout au long du processus de cr\u00e9ation du site, de la planification au lancement. Vous devriez aussi am\u00e9liorer continuellement l’accessibilit\u00e9 d’un site web apr\u00e8s sa mise en ligne.<\/p>\n C’est l’une des grandes questions que de nombreuses personnes se posent lorsqu’elles envisagent d’utiliser WordPress comme option de cr\u00e9ation de site : Dans quelle mesure est-il d\u00e9j\u00e0 accessible et quelle quantit\u00e9 de travail doit-on faire pour rendre WordPress accessible ? Comme il n’y a pas de r\u00e9ponse noire ou blanche \u00e0 cette question, examinons dans quelle mesure WordPress est d\u00e9j\u00e0 accessible.<\/p>\n La bonne nouvelle est qu’au fil du temps, WordPress est devenu de plus en plus accessible<\/a>. Chaque version fait de petits pas et des avanc\u00e9es en tenant compte de l’accessibilit\u00e9. Comme l’accessibilit\u00e9 devient un sujet plus important dans l’esprit d’un plus grand nombre de personnes, plus de personnes peuvent lui donner la priorit\u00e9.<\/p>\n De plus, de nombreuses personnes de la communaut\u00e9 WordPress sont passionn\u00e9es et s’expriment sur ces sujets. Chaque nouveau th\u00e8me WordPress par d\u00e9faut<\/a> prend des mesures suppl\u00e9mentaires pour devenir plus accessible. Les d\u00e9veloppeurs proposent de nouveaux outils d’assistance et r\u00e9digent sans cesse des guides et des articles sur l’accessibilit\u00e9 de WordPress. Par cons\u00e9quent, vous ne serez jamais seul dans votre voyage vers l’accessibilit\u00e9 de WordPress.<\/p>\n Si vous voulez en savoir plus sur WordPress et l’accessibilit\u00e9 directement aupr\u00e8s des membres de la communaut\u00e9, visitez WordPress.tv et regardez ces conf\u00e9rences sur l’accessibilit\u00e9<\/a>.<\/p>\n Malgr\u00e9 les r\u00e9centes avanc\u00e9es, WordPress n’est pas toujours accessible \u00e0 100 % d\u00e8s l’installation. Chaque version de WordPress fait face \u00e0 des critiques sur les points o\u00f9 elle n’est pas \u00e0 la hauteur. D\u00e9but 2019, WPCampus a r\u00e9alis\u00e9 un audit approfondi de la toute derni\u00e8re version de Gutenberg<\/a> \u00e0 l’\u00e9poque. Un travail comme celui-ci est incroyablement important ; depuis cet audit, 116 probl\u00e8mes li\u00e9s \u00e0 l’accessibilit\u00e9 ont \u00e9t\u00e9 r\u00e9solus<\/a>.<\/p>\n Il peut \u00eatre difficile pour les cr\u00e9ateurs de contenu handicap\u00e9s de publier avec WordPress. Comme il est impossible d’automatiser toutes les facettes de la conception et du d\u00e9veloppement accessibles, n’importe qui peut cr\u00e9er des pages web non accessibles avec WordPress.<\/p>\n \u00ab L’interface publique de WordPress est \u00e0 peu pr\u00e8s au m\u00eame point depuis des ann\u00e9es : parfaitement capable d’\u00eatre accessible, mais cela d\u00e9pend enti\u00e8rement du d\u00e9veloppeur qui construit le site. Un mauvais th\u00e8me ou des extensions non accessibles font toute la diff\u00e9rence. L’administration a continu\u00e9 \u00e0 s’am\u00e9liorer – il a \u00e9t\u00e9 difficile de faire \u00e9voluer l’\u00e9diteur Gutenberg vers une meilleure accessibilit\u00e9, mais des progr\u00e8s ont \u00e9t\u00e9 r\u00e9alis\u00e9s. Cela dit, c’est une bataille constante pour \u00e9viter les r\u00e9gressions d’accessibilit\u00e9 avec tout nouveau composant d’interface. \u00bb(source<\/a>)<\/em><\/p><\/blockquote>\n Alors qu’est-ce que cela signifie pour vous en tant que d\u00e9veloppeur ou concepteur WordPress<\/a> ? Votre voyage vers un site web enti\u00e8rement accessible est un peu plus court lorsque vous commencez avec WordPress. Cependant, il y a encore du chemin \u00e0 parcourir avant d’atteindre la ligne d’arriv\u00e9e.<\/p>\n Maintenant, passons aux mesures que vous pouvez prendre pour qu’un site web WordPress soit accessible \u00e0 tous les utilisateurs.<\/p>\n Quoi qu’il en soit, ne laissez jamais l’accessibilit\u00e9 comme une t\u00e2che \u00e0 accomplir \u00e0 la fin du projet. Elle doit \u00eatre une priorit\u00e9 int\u00e9gr\u00e9e d\u00e8s le d\u00e9but de votre processus. Et elle devrait \u00eatre un objectif permanent une fois que le site est lanc\u00e9.<\/p>\n Il n’existe pas de liste de contr\u00f4le unique que l’on peut suivre ou automatiser pour garantir une accessibilit\u00e9 \u00e0 100 %. Une grande partie du travail d\u00e9pend de vos extensions, de votre th\u00e8me et de votre contenu<\/a>.<\/p>\n Cr\u00e9er un site web accessible, c’est comme construire un b\u00e2timent s\u00fbr – bien s\u00fbr, il y a des directives, mais l’attention individuelle, l’entretien et les r\u00e9novations r\u00e9fl\u00e9chies sont essentiels pour garantir que vous atteigniez votre objectif.<\/p>\n Commen\u00e7ons par quelques bonnes pratiques de conception accessible<\/a> pour les sites web WordPress, r\u00e9parties par type. Ces informations devraient servir de base solide pour votre \u00e9ducation \u00e0 l’accessibilit\u00e9.<\/p>\n Toutes les images de votre site doivent \u00eatre accessibles \u00e0 tous les utilisateurs. \u00c9tant donn\u00e9 que tous les utilisateurs ne peuvent pas voir les images, certains peuvent utiliser une technologie d’assistance pour comprendre les \u00e9l\u00e9ments visuels, et votre site doit donc \u00eatre pr\u00eat \u00e0 fonctionner avec cette technologie.<\/p>\n Le texte alternatif (ou \u00ab alt \u00bb) est une description \u00e9crite que vous joignez \u00e0 une image. Les lecteurs d’\u00e9cran liront cette description \u00e0 voix haute \u00e0 tout invit\u00e9 qui ne pourrait pas voir l’image. Le texte alternatif doit \u00eatre utilis\u00e9 pour toutes les images qui fournissent des informations utiles sur la page. Cela inclut tout, des photos<\/a> aux ic\u00f4nes en passant par les infographies.<\/p>\n La seule exception est si une image est consid\u00e9r\u00e9e comme purement \u00ab d\u00e9corative \u00bb. Les images d’arri\u00e8re-plan<\/a>, les s\u00e9parateurs ou les images qui montrent le texte pr\u00e9sent\u00e9 sur la page elle-m\u00eame n’auront pas n\u00e9cessairement besoin de texte alt.<\/span><\/p>\n Lorsque vous \u00e9crivez le texte alt, souvennez-vous de ne pas d\u00e9crire l’image telle qu’elle est. Communiquez plut\u00f4t ce que l’image signifie dans le contexte de la page. Voici quelques bonnes directives pour vous aider \u00e0 \u00e9crire un excellent texte alternatif :<\/p>\n Ajouter du texte alt aux images de votre site web WordPress est plus facile que vous ne le pensez. Vous pouvez ajouter ce texte au m\u00eame endroit o\u00f9 vous ajouteriez la l\u00e9gende d’une image<\/a>.<\/p>\n Ouvrez votre m\u00e9diath\u00e8que<\/strong> et s\u00e9lectionnez l’image que vous voulez modifier. L’\u00e9cran des r\u00e9glages<\/strong> de cette image s’ouvrira. Dans le champ Texte alternatif<\/strong>, ajoutez votre texte alt, puis cliquez sur Enregistrer <\/strong>:<\/p>\n Lors de la conception d’un site accessible, il est essentiel de fournir un contraste de couleurs ad\u00e9quat. Un mauvais contraste des couleurs peut affecter la lisibilit\u00e9 de tes sites dans de nombreux cas, notamment pour les utilisateurs malvoyants, daltoniens ou utilisant certains appareils. Les images, le texte et les \u00e9l\u00e9ments comme les boutons ont tous besoin d’un contraste de couleurs appropri\u00e9.<\/p>\n Le contraste des couleurs fait r\u00e9f\u00e9rence \u00e0 la fa\u00e7on dont les couleurs claires ou fonc\u00e9es apparaissent lorsqu’elles sont plac\u00e9es les unes contre les autres ou tr\u00e8s pr\u00e8s les unes des autres. Par exemple, un texte noir sur un fond blanc a un contraste de couleur beaucoup plus \u00e9lev\u00e9 (21:1) qu’un texte jaune sur un fond blanc (1,08:1). WCAG 2.0 AA exige un rapport minimum de 4,5:1 pour le texte normal et de 3:1 pour le texte plus grand (gras 18px ou standard 24px et plus).<\/p>\n Qu’est-ce que cela signifie exactement ? Le moyen le plus simple de d\u00e9terminer si tes couleurs fonctionnent bien ensemble<\/a> est de les ins\u00e9rer dans un outil de test de contraste, comme le Contrast Checker de WebAIM<\/a>. Il existe des tonnes d’outils de v\u00e9rification gratuits en ligne.<\/p>\n Consultez notre section sur les tests<\/a> pour en savoir plus sur les tests de couleurs.<\/p>\n \u00c0 mesure que vous testez de plus en plus de combinaisons de couleurs, vous deviendrez plus apte \u00e0 d\u00e9terminer, rien qu’\u00e0 la vue, les combinaisons de couleurs qui fonctionnent et celles qui ne fonctionnent pas.<\/p>\n Vous devez aussi vous assurer que vous \u00e9vitez d’utiliser la couleur comme principal facteur de distinction. Par exemple, de nombreux sites ont des liens qui sont d’une couleur diff\u00e9rente de celle du corps de texte qui les entoure. Cependant, si la couleur est difficile \u00e0 voir pour un utilisateur pour une raison quelconque, il pourrait \u00eatre impossible pour lui de faire la diff\u00e9rence entre un mot li\u00e9 et un mot non li\u00e9. Utilisez la couleur pour embellir un lien, mais ajoutez un soulignement sous le texte pour rendre le lien accessible.<\/p>\n Une grande partie de ce que nous voyons sur le web est du texte. Nous utilisons des sites web pour lire des articles, des recettes, des histoires et bien d’autres choses encore. Vous \u00eates en train de lire cet article en ce moment m\u00eame ! Par cons\u00e9quent, le texte doit \u00eatre optimis\u00e9 pour tous les lecteurs – qu’ils lisent avec leurs yeux ou leurs oreilles.<\/p>\n Il y a deux fa\u00e7ons principales de parler du texte quand on parle d’accessibilit\u00e9 : les polices<\/a> et les tailles.<\/p>\n Une police accessible est facile \u00e0 lire dans les petites et grandes tailles<\/a>. Des polices comme Tahoma, Calibri, Helvetica, Arial, Verdana, Times New Roman, Arvo, Museo Slab et Rockwell sont toutes des choix accessibles. Les lecteurs atteints de dyslexie peuvent avoir du mal \u00e0 lire certaines polices, notamment de nombreuses polices avec empattement (serif). Les polices sans empattement<\/a> (sans serif) pour le corps du texte ont tendance \u00e0 \u00eatre un choix plus s\u00fbr. Il est pr\u00e9f\u00e9rable d’\u00e9viter les polices d’affichage – comme les styles d’\u00e9criture manuscrite<\/a> ou cursive<\/a> – \u00e0 moins que le texte soit grand, clairsem\u00e9 et surtout d\u00e9coratif.<\/p>\n La taille des polices<\/a> est incroyablement importante pour l’accessibilit\u00e9. Discutons de quelques r\u00e8gles empiriques en mati\u00e8re de taille de police accessible.<\/p>\n Les polices par d\u00e9faut doivent \u00eatre au moins de 9pt ou 12px. 12pt ou 16px est recommand\u00e9. Selon les directives WCAG, le texte doit pouvoir \u00eatre lu lorsqu’il est zoom\u00e9 \u00e0 200 %. Il est recommand\u00e9 d’utiliser des pourcentages ou des em au lieu de pixels ou de points pour d\u00e9finir la taille de la police. Utiliser des poids de police variables est tr\u00e8s bien, mais assurez-vous que si votre texte utilise un poids l\u00e9ger, il est suffisamment grand pour \u00eatre vu.<\/p>\n Ce n’est pas la panac\u00e9e pour savoir comment concevoir en tenant compte de l’accessibilit\u00e9. Mais il est essentiel de savoir par o\u00f9 commencer. Si vous voulez approfondir vos connaissances sur la conception pour l’accessibilit\u00e9, consultez ces ressources :<\/p>\n Lors de la cr\u00e9ation d’un site web ou de ses logiciels compl\u00e9mentaires (comme les th\u00e8mes et les extensions), il y a des choses importantes \u00e0 garder \u00e0 l’esprit pour l’accessibilit\u00e9. Certains de ces \u00e9l\u00e9ments se recoupent avec la conception, mais la section suivante se concentre principalement sur le fonctionnement de votre site et la fa\u00e7on dont votre utilisateur interagira avec lui.<\/p>\n Les utilisateurs doivent pouvoir interagir avec votre site web et l’utiliser avec une relative facilit\u00e9, quoi qu’il arrive. Il ne s’agit pas seulement d’appr\u00e9cier des images et de lire du texte, mais aussi d’interagir avec des menus, des formulaires<\/a>, des boutons et des vid\u00e9os<\/a>.<\/p>\n Lorsque vous construisez votre site, assurez-vous que tous les \u00e9l\u00e9ments interactifs peuvent \u00eatre identifi\u00e9s facilement. Tous les menus de navigation – de l’en-t\u00eate au pied de page<\/a> – doivent \u00eatre utilisables avec des commandes clavier. L’apparence des liens et des boutons au La navigation entre les pages de votre site<\/a> doit \u00eatre coh\u00e9rente et claire. La fa\u00e7on dont vous nommez, stylisez et positionnez les liens de navigation est incroyablement importante. Des fils d’Ariane<\/a> bien pens\u00e9s et des rubriques claires permettront aux utilisateurs d’interagir avec votre contenu en toute confiance.<\/p>\n Il y a de fortes chances que vous ayez un ou deux formulaires<\/a> sur votre site web. Vous pourriez \u00eatre surpris de d\u00e9couvrir combien de formulaires sont non accessibles. Vos \u00e9l\u00e9ments de formulaire doivent inclure des libell\u00e9s associ\u00e9s, soit \u00e0 gauche, soit au-dessus du champ. (Les cases \u00e0 cocher et les cases radio peuvent \u00eatre plac\u00e9es \u00e0 droite.) Les utilisateurs doivent savoir clairement \u00e0 quoi sert chaque champ du formulaire.<\/p>\n Si vous avez du contenu sur votre site qui se lance automatiquement, comme un GIF<\/a>, un diaporama<\/a>, un carrousel, une vid\u00e9o ou de la musique<\/a>, il doit y avoir des contr\u00f4les visibles qui permettent \u00e0 l’utilisateur d’arr\u00eater l’animation ou le son. Il est pr\u00e9f\u00e9rable de proposer des options pour arr\u00eater, mettre en pause ou masquer compl\u00e8tement l’\u00e9l\u00e9ment.<\/p>\n Si vous \u00eates un d\u00e9veloppeur qui souhaite plonger en profondeur dans le d\u00e9veloppement pour l’accessibilit\u00e9 du web, consultez ces conseils directement aupr\u00e8s du W3C<\/a>.<\/p>\n Si vous \u00eates un constructeur de sites web bricoleur, vous pouvez accomplir une grande partie de ce dont parle cet article en choisissant un th\u00e8me accessible. Il est important que les d\u00e9veloppeurs comprennent ce qui rend un th\u00e8me accessible pour en faire une priorit\u00e9 dans leurs projets.<\/p>\n Les th\u00e8mes WordPress<\/a> contr\u00f4lent l’apparence de votre site web. De nombreux th\u00e8mes sont livr\u00e9s pr\u00e9-emball\u00e9s avec des jeux de couleurs et des familles de polices. Il est imp\u00e9ratif de s’assurer que ces couleurs et polices r\u00e9pondent aux exigences d\u00e9crites ci-dessus. De nombreux th\u00e8mes se pr\u00e9sentent comme \u00ab enti\u00e8rement accessibles\u00bb, mais ce n’est pas toujours vrai. Utilisez vos propres tests pour d\u00e9terminer si un th\u00e8me est accessible ou non.<\/p>\n L’\u00e9quipe d’accessibilit\u00e9 de WordPress.com a pr\u00e9par\u00e9 une liste de 92 th\u00e8mes gratuits dans le r\u00e9f\u00e9rentiel WordPress<\/a> que vous ouvez commencer \u00e0 utiliser d\u00e8s maintenant.<\/p>\n Lorsque vous construisez un th\u00e8me accessible, assurez-vous de bien conna\u00eetre les exigences des WCAG d\u00e8s le d\u00e9but. Les domaines courants \u00e0 aborder pendant le d\u00e9veloppement comprennent :<\/p>\n Assurez-vous de mettre en favori les directives d’accessibilit\u00e9 de WordPress<\/a> pour vous y r\u00e9f\u00e9rer facilement lorsque vous commencerez \u00e0 cr\u00e9er votre th\u00e8me.<\/p>\n Les extensions WordPress<\/a> vous permettent d’ajouter des fonctionnalit\u00e9s \u00ab plug-and-play \u00bb \u00e0 votre site web WordPress. Il existe deux types d’extensions WordPress d’accessibilit\u00e9 : ceux qui vous aident \u00e0 cr\u00e9er un site web accessible et ceux qui rendent un site existant accessible aux utilisateurs.<\/p>\n Fa\u00eetes attention aux extensions WordPress qui vous donnent des garanties comme \u00ab accessibilit\u00e9 en un clic \u00bb ou \u00ab automatiquement accessible \u00bb. Ces choses sont impossibles. Les extensions sont des outils qui peuvent vous aider \u00e0 atteindre vos objectifs d’accessibilit\u00e9, pas des baguettes magiques qui font tout le travail \u00e0 votre place. Parfois, les extensions peuvent m\u00eame entraver vos efforts en mati\u00e8re d’accessibilit\u00e9 – alors fa\u00eetes preuve d’une certaine prudence !<\/p>\n Il existe des tonnes d’extensions ax\u00e9es sur l’accessibilit\u00e9 qui promettent d’am\u00e9liorer, de surveiller ou de rem\u00e9dier aux probl\u00e8mes d’accessibilit\u00e9. Ils peuvent auditer le site et vous faire savoir o\u00f9 apporter des am\u00e9liorations. Ou ils peuvent fournir des outils frontend pour faciliter la cr\u00e9ation d’une exp\u00e9rience accessible sur votre site.<\/p>\n Certains de ces outils sont tr\u00e8s utiles. D’autres, en revanche, font de fausses promesses. Veillez toujours \u00e0 examiner minutieusement une extension de ce type avant de vous engager.<\/p>\n Certaines extensions cr\u00e9ent du contenu interactif, comme des questionnaires et des diaporamas. Comme nous l’avons vu pr\u00e9c\u00e9demment, ces \u00e9l\u00e9ments doivent faire l’objet d’une attention et de tests particuliers pour s’assurer qu’ils sont enti\u00e8rement accessibles. Testez toujours minutieusement une extension interactive sur un site de staging ou de d\u00e9veloppement<\/a> avant de le mettre en ligne<\/a>.<\/p>\n On peut dire la m\u00eame chose des extensions de formulaire<\/a>. Malheureusement, beaucoup ont des probl\u00e8mes d’accessibilit\u00e9. Si vous trouvez que c’est le cas, les formulaires cod\u00e9s sur mesure sont une bonne alternative.<\/p>\n Une cat\u00e9gorie populaire d’extensions est celle des constructeurs de pages<\/a>. Ils sont parfaits pour vous permettre de cr\u00e9er rapidement des designs robustes et sophistiqu\u00e9s en glisser-d\u00e9poser. Cependant, ils peuvent souvent introduire plus de probl\u00e8mes d’accessibilit\u00e9 qu’ils n’en r\u00e9solvent. Il n’y a pas de solution unique \u00e0 ce probl\u00e8me, alors gardez votre design simple et assurez-vous de tester tous les \u00e9l\u00e9ments pour confirmer l’accessibilit\u00e9.<\/p>\n Une d\u00e9claration d’accessibilit\u00e9 est une page de votre site web o\u00f9 vous communiquez vos politiques internes, vos objectifs d’accessibilit\u00e9 et vos r\u00e9ussites pass\u00e9es concernant le travail avec les personnes handicap\u00e9es.<\/p>\n Vous devriez g\u00e9n\u00e9rer et publier une d\u00e9claration d’accessibilit\u00e9 sur votre site web WordPress pour les raisons suivantes :<\/p>\n Vous pouvez r\u00e9diger votre propre d\u00e9claration d’accessibilit\u00e9 en suivant ces directives fournies par le W3C<\/a> ou en utilisant un g\u00e9n\u00e9rateur de d\u00e9claration d’accessibilit\u00e9<\/a>.<\/p>\n L’accessibilit\u00e9 ne consiste pas \u00e0 appuyer sur les bons boutons, puis \u00e0 s’en aller. Les tests sont un \u00e9l\u00e9ment essentiel<\/a> pour garantir qu’un site est enti\u00e8rement accessible. Les tests automatis\u00e9s et manuels peuvent vous aider \u00e0 vous assurer que vous avez couvert toutes vos bases.<\/p>\n Les tests automatis\u00e9s<\/a> sont utiles pour savoir par o\u00f9 commencer. Si vous \u00eates novice en mati\u00e8re d’accessibilit\u00e9 ou si vous ne savez pas par o\u00f9 commencer, commencez par des tests et \u00e9valuations automatiques.<\/p>\n La plupart des tests automatiques identifieront des choses comme un mauvais contraste de couleurs, un texte alt manquant, des liens vides, des probl\u00e8mes avec des \u00e9l\u00e9ments structurels, etc. Vous pouvez utiliser ces tests pour g\u00e9n\u00e9rer une liste de probl\u00e8mes \u00e0 r\u00e9soudre. Les tests de ce type sont particuli\u00e8rement utiles pour trouver des erreurs bas\u00e9es sur le code qui peuvent \u00eatre moins visibles \u00e0 l’\u0153il nu, mais qui auront une grande importance pour certains de vos utilisateurs.<\/p>\n Un exemple de test d’accessibilit\u00e9 gratuit que vous pouvez utiliser est l’outil WebAim<\/a>. Il examine l’ensemble de votre page web et g\u00e9n\u00e8re une liste d’erreurs. Il vous montrera m\u00eame exactement o\u00f9 sur la page se trouvent ces erreurs.<\/p>\n Vous pouvez trouver des tonnes d’outils d’accessibilit\u00e9 individuels pour vous aider \u00e0 r\u00e9soudre des probl\u00e8mes sp\u00e9cifiques. Par exemple, utilisez un v\u00e9rificateur de contraste<\/a> avant m\u00eame de commencer la conception pour vous assurer que les couleurs de votre palette joueront bien ensemble.<\/p>\n Rappellez-vous simplement qu’aucun test automatis\u00e9 n’est parfait, infaillible ou ne remplace les tests manuels.<\/p>\n Parce que l’accessibilit\u00e9 de WordPress concerne de vrais cas d’utilisation humaine, ce sont de vrais humains qui doivent avoir le dernier mot pour d\u00e9terminer si un site est accessible ou non. Par cons\u00e9quent, r\u00e9server du temps et des ressources pour les tests manuels est incroyablement important.<\/p>\n Alors, comment effectuer un test manuel ? Voici quelques choses que vous pouvez faire pour tester l’accessibilit\u00e9 d’un site sans outils ou programmes fantaisistes ou co\u00fbteux :<\/p>\n En cas de doute, contactez une entreprise qui propose des tests d’accessibilit\u00e9 manuels. Des experts en accessibilit\u00e9 et en conception et d\u00e9veloppement de sites web peuvent faire un travail rapide d’un examen manuel et vous dire exactement quelles sont les zones \u00e0 travailler.<\/p>\nConsultez notre guide vid\u00e9o<\/a> sur l’accessibilit\u00e9 des sites web.<\/h3>\n
Ce que signifie l’accessibilit\u00e9 web<\/h2>\n
Premier mythe : c’est juste pour les aveugles<\/h3>\n
\n
Deuxi\u00e8me mythe : c’est un engouement ou une tendance<\/h3>\n
\nLainey Feingold<\/a>, avocate et auteure sp\u00e9cialis\u00e9e dans les droits des personnes handicap\u00e9es<\/span><\/p><\/blockquote>\n![\"Le](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Web-Data-2017-2020-1.png\")
Troisi\u00e8me mythe : Vous pouvez enti\u00e8rement automatiser l’accessibilit\u00e9<\/h3>\n
Directives sur l’accessibilit\u00e9 du contenu web<\/h2>\n
Dans quelle mesure WordPress est-il accessible d\u00e8s le d\u00e9part ?<\/h2>\n
Ce que WordPress fait bien sur l’accessibilit\u00e9<\/h3>\n
![\"Le](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-09-07-at-9.01.06-AM-1024x688.png\")
L\u00e0 o\u00f9 WordPress rate la cible<\/h3>\n
Comment cr\u00e9er un site web WordPress accessible<\/h2>\n
Les meilleures pratiques de la conception accessible<\/h3>\n
Images<\/h4>\n
![\"D\u00e9monstration](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-08-24-at-11.38.11-AM-1024x691.png\")
\n
![\"Champ](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-08-24-at-11.27.34-AM-1024x405.png\")
Couleurs<\/h4>\n
![\"Le](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-09-07-at-9.05.34-AM.png\")
Texte<\/h4>\n
![\"Avec](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/7a7eb38089ed87ddf2a9ca0faf515773.png\")
<\/a>\n
Les meilleures pratiques du d\u00e9veloppement accessible<\/h3>\n
\u00c9l\u00e9ments interactifs<\/h4>\n
hover<\/code>, au focus<\/code> et au click<\/code> doit changer.<\/p>\n![\"Styles](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-09-07-at-9.08.15-AM.png\")
![\"Kinsta](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/kinsta-breadcrumbs-example-1-1024x584.png\")
![\"Les](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/dont-remove-borders-1024x318.png\")
Th\u00e8mes WordPress<\/h3>\n
\n
Extensions WordPress<\/h3>\n
D\u00e9clarations d’accessibilit\u00e9<\/h3>\n
\n
Comment tester l’accessibilit\u00e9 d’un site WordPress<\/h2>\n
Comment effectuer des tests automatis\u00e9s<\/h3>\n
![\"Outil](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-09-07-at-9.13.49-AM.png\")
Comment effectuer des tests manuels<\/h3>\n
\n