WordPress Accessibilité : comment créer un site web accessible (+ Plugins pour le site)

Maddy Osman Dernière mise à jour le 10/19/2020
12 Min.
WordPress -Accessibilité
Dernière mise à jour le 10/19/2020

L'accessibilité sur WordPress est un élément important de la construction de sites web dont on ne parle pas assez. Mais dans quelle mesure le CMS populaire est-il réellement accessible ? Pourquoi l'accessibilité est-elle si importante ? Et comment pouvez-vous rendre votre site web accessible à tous ?

Accès pour tous : faits sur l'accessibilité

WordPress met en place plus de 35 % de tous les sites web. Les sites de commerce électronique, les grandes publications en ligne, les chaînes d'information, les blogs et les sites web d'entreprises utilisent WordPress parce qu'il est facile à utiliser.

Et c'est précisément parce que WordPress est si populaire qu'il a un grand impact sur l'accessibilité du web. Cependant, l'accessibilité n'est pas toujours le principal objectif lors du développement et de la refonte d'un site web. Au lieu de cela, de nombreux utilisateurs du WP se préoccupent de choisir le bon Theme , d'améliorer leur classement SEO et de s'assurer que leur site se charge rapidement. Il n'y a rien de mal à cela, mais il devrait être tout aussi important que votre site WordPress soit accessible à tous. 

Selon les statistiques de Interactive Accessibility, 56 millions d'Américains vivent avec un handicap. En outre, le Pew Research Center affirme que 54 % des adultes américains handicapés utilisent régulièrement l'Internet. Et ce ne sont que les États-Unis. Ces chiffres sont en augmentation dans le monde entier.

Si vous ignorez la question de l'accessibilité, vous empêchez déjà 20 % de la population mondiale de pouvoir utiliser votre site web aujourd'hui. En bref, négliger l'accessibilité n'est pas bon pour votre entreprise. Mais surtout, c'est terrible pour la création d'un monde plus juste et plus équitable. 

Alors si vous vous êtes déjà demandé comment créer un site web accessible en utilisant WordPress , ce guide est pour vous. Nous répondrons à quelques questions clés, notamment :

  • Qu'est-ce que l'accessibilité du Web ?
  • Le site WordPress est-il accessible "en dehors des sentiers battus" ?
  • Quels outils et Plugins vous aident à créer un site WP accessible ? 

Qu'est-ce que l'accessibilité du Web ?

L'accessibilité du web fait référence aux outils qui permettent aux personnes handicapées d'utiliser et d'accéder au web. Ceci est particulièrement pertinent pour les handicaps qui peuvent affecter la manière dont les personnes accèdent et utilisent le web, notamment :

  • Déficiences visuelles
  • Déficiences acoustiques
  • Déficience de la langue
  • Handicaps cognitifs 
  • Handicaps neurologiques
  • Handicaps temporaires (comme un bras cassé)

Cette liste inclut les handicaps liés à l'âge - et même les handicaps résultant d'une connexion internet lente. L'une des principales raisons pour lesquelles l'accessibilité est si importante est le rôle croissant de l'internet dans notre vie quotidienne : de l'accès à l'information et aux dernières nouvelles à l'achat de produits alimentaires et au maintien du contact avec nos proches.

Plus de raisons pour lesquelles l'accessibilité est importante sur Internet : 

Étant donné l'importance d'Internet dans un monde moderne, le Web doit être accessible à tous, quel que soit leur statut ou leurs capacités.

Le site WordPress est-il accessible "en dehors des sentiers battus" ? 

WordPress n'a pas toujours été accessible : Il y a quelques années à peine, les utilisateurs qui utilisaient des technologies d'assistance sur le web avaient de gros problèmes pour naviguer dans le tableau de bord de l'administration.

WordPress  Accessibilité : comment créer un site web accessible (+ Plugins pour le site)

Beaucoup de choses ont changé depuis lors. Tout d'abord, un petit groupe de bénévoles - l'équipe dite " Make WordPress Accessible Team " - a considérablement amélioré l'accessibilité de WordPress .  

Grâce à leur travail, l'espace d'administration est devenu beaucoup plus accessible, tout comme la médiathèque et Theme Customizer. De plus, de nombreux raccourcis clavier ont été ajoutés à WordPress Core pour accélérer l'édition et le formatage des messages et des pages. 

Les normes de codage pour l'accessibilité de WordPress ont été ajoutées au manuel de base deWordPress en mars 2016. Depuis lors, Themes et Plugins doivent passer un contrôle d'accessibilité strict afin d'être classés comme accessibles.

Qu'est-ce que le Manuel du contributeur principal ?

Le manuel définit les normes de codage que les développeurs de WP doivent respecter lorsqu'ils ajoutent leurs contributions au noyau WordPress et soumettent Themes et Plugins au dépôt officiel.

Bien que des changements et des améliorations majeurs aient été apportés, WordPress a encore du travail à faire dans le domaine de l'accessibilité. Bien que WordPress s'efforce de se conformer aux directives d'accessibilité des outils de création (ATAG) 2.0, il existe d'autres problèmes qui font obstacle à une accessibilité à 100 % : 

  • Theme- et Plugin- les développeurs tiers ne respectent pas toujours les lignes directrices en matière d'accessibilité. Par conséquent, la plupart des problèmes d'accessibilité du site WordPress sont dus à l'inaccessibilité des sites Themes et Plugins .
  • Le nouveau rédacteur en chef deGutenberg avait 90 problèmes d'accessibilité au moment de sa sortie. (Au moment de la rédaction du présent document, seules 22 questions restent en suspens).
WordPress  Accessibilité : comment créer un site web accessible (+ Plugins pour le site)

Conseils pour la création d'un site accessible sur le WP

Lorsque vous créez un site web accessible, certains principes sont énoncés dans les directives sur l'accessibilité des contenus web. Vous devez absolument les utiliser pour vous assurer que tout le monde peut utiliser votre site web. 

Liste de contrôle pour l'accessibilité des sites web

  • Perceptible: tous les utilisateurs doivent être en mesure de percevoir les composantes de l'information et de l'interface utilisateur.
  • Utilisable: quel que soit l'appareil utilisé par les utilisateurs pour accéder à votre site web, les composants de l'interface utilisateur et la navigation doivent être utilisables.
  • Compréhensible: tous les utilisateurs doivent être en mesure de comprendre les informations ainsi que l'interface utilisateur.
  • Robustesse: les utilisateurs et les différents agents utilisateurs (y compris les technologies d'assistance) doivent être capables de lire et de comprendre le contenu du site web. 

Sur la base de ces quatre principes clés, voici quelques-unes des lignes directrices à suivre pour créer un site web accessible avec WordPress . 

Lignes directrices pour s'assurer que votre site web est bien visible

  • Les liens et les boutons ne doivent pas être distingués du reste de votre contenu par la seule couleur.
  • Fournir un support braille et proposer des alternatives textuelles pour les contenus visuels et auditifs, tels que les images et les vidéos.
  • Définissez la largeur du texte et la largeur de la ligne à des tailles qui maximisent la lisibilité.
  • Assurez-vous qu'il y a suffisamment de contraste entre votre texte et le fond. En d'autres termes, n'utilisez pas de texte rouge vif sur un fond noir.
  • Le contenu audio et vidéo doit comprendre des transcriptions, des légendes ou du langage des signes.
  • Les GIF animés, les animations clignotantes et tout autre contenu pouvant provoquer des crises et des réactions physiques doivent être évités.

Lignes directrices pour assurer la convivialité de votre site web

  • S'abstenir d'utiliser les CAPTCHA ou proposer plusieurs moyens de les résoudre, car ils peuvent poser des problèmes à de nombreuses personnes.
  • Les liens ne doivent pas ouvrir le contenu dans une nouvelle fenêtre sans en informer vos utilisateurs ou sans interaction préalable de la part de vos utilisateurs.
  • Assurez-vous que vos utilisateurs peuvent accéder aux boutons et aux éléments de menu (ainsi qu'aux menus déroulants) via le clavier et la souris. 
  • Les éléments médiatiques tels que la vidéo, l'audio, les carrousels ou les curseurs ne doivent pas être réglés pour se lire automatiquement ou se modifier sans interaction de l'utilisateur.

Lignes directrices pour s'assurer que votre site web est compréhensible

  • Lors de la conception, pensez à différents points de vue et modifiez la position et l'apparence des principaux éléments en conséquence.
  • Utilisez les titres pour définir les différentes sous-sections d'une page.
  • Évitez d'utiliser le jargon, les termes difficiles et les abréviations. Assurez-vous plutôt que votre contenu est écrit de manière claire et concise.
  • Les liens doivent être descriptifs et avoir un sens sans contexte. Par exemple, il est préférable d'avoir un bouton ou un lien avec le texte "En savoir plus sur nos services" plutôt que de simplement "En savoir plus".

Lignes directrices pour garantir la solidité de votre site web

  • Ajoutez des liens de saut en haut de chaque page.
  • Assurez-vous que les champs de vos formulaires ont des étiquettes appropriées. Vos formulaires doivent également comporter des messages d'avertissement et de confirmation faciles à voir pour les daltoniens.
  • Utilisez l'index des tabulations pour
    insérer dans l'ordre de navigation
    un élément qui ne reçoit normalement pas de focus, tel que
    ou , lorsqu'il est utilisé pour l'interaction
    .
  • Les supports téléchargeables tels que les documents PDF, le contenu audio ou vidéo doivent comporter une description indiquant qu'un téléchargement est sur le point de commencer.
  • Les éléments interactifs non standard, tels que les accordéons ou les tablatures, doivent avoir une signification selon les rôles de la WAI-ARIA.

Les meilleurs WordPress Accessibilité Plugins et outils

Si vous suivez les directives ci-dessus, votre site web sera accessible. Cependant, il n'est pas toujours aussi facile de suivre toutes ces règles et directives.

Heureusement, il existe un certain nombre de Plugins et des outils pour en savoir plus WordPress , qui peuvent vous aider à créer des sites web accessibles plus rapidement - sans oublier les étapes importantes. 

WP Accessibilité

WP-Accessibilité

WP Accessibility est l'un des meilleurs WordPresss Accessibility Plugins du dépôt officiel WordPress Plugin . Elle est classée 5 étoiles et compte plus de 30 000 installations actives. Le site Plugin aborde et corrige les problèmes communs concernant l'accessibilité dans le WP-Themes. 

Principales caractéristiques du WP Accessibilité:

  • Ajouter des liens de saut avec des destinations personnalisées
  • Ajout d'un schéma à l'état de priorité du clavier
  • Supprimer l'index des onglets des éléments focalisables
  • ajouter de longues descriptions aux images
  • Forcer les attributs alt pour les images dans l'éditeur classique

WP Accessibility corrige également les problèmes d'accessibilité dans WordPress Core, tels que la suppression des attributs de titre inutiles dans les listes de pages, les listes de catégories et les menus d'archives.

Le meilleur WordPress Accessibilité Plugin pour : Les entreprises ayant un site web existant et qui souhaitent améliorer leur accessibilité.

Prix : Vous pouvez télécharger gratuitement WP Accessibility à partir du dépôt officiel. 

Barre d'outils accessible pour le PSF

Barre d'outils WPAccessible

Labarre d'outils AccessibleWP, anciennement connue sous le nom de Poésie accessible, est classée 4,5 étoiles et compte plus de 4 000 installations actives. Le site WordPress Plugin vous permet d'activer facilement certaines fonctionnalités et de rendre votre site plus accessible. 

Principales caractéristiques de la barre d'outils AccessibleWP :

  • Activez la navigation au clavier afin que les utilisateurs puissent naviguer sur votre site web avec leur clavier,
  • Les utilisateurs peuvent désactiver les animations CSS3
  • Les utilisateurs peuvent changer les couleurs du site web pour des couleurs plus contrastées
  • Les utilisateurs peuvent changer les couleurs du site web pour des couleurs en niveaux de gris
  • Les utilisateurs peuvent augmenter ou réduire la taille des caractères sur votre site web

Le meilleur WordPress Accessibilité Plugin pour : Les entreprises qui souhaitent avoir un site web plus accessible, mais qui conservent un schéma de couleurs et une esthétique générale de marque. 

Prix : Vous pouvez télécharger gratuitement la barre d'outils AccessibleWP à partir du dépôt officiel. 

Accessibilité en un clic

Accessibilité en un clic

Le populaire WordPress -Plugin pour l'accessibilité, One Click Accessibility, a été développé à l'origine pour le Pojo Framework et est maintenant compatible avec tous les WordPress -Themes . Le site Plugin a une cote de 4,5 étoiles et plus de 30 000 installations actives. 

Principales caractéristiques de l'accessibilité en un clic : 

  • Les utilisateurs peuvent activer ou contrôler la taille des polices, le contraste, le soulignement des liens, les polices lisibles grâce à une barre d'outils d'accessibilité
  • Activer les liens de saut
  • Ajout d'une orientation générale pour les éléments focalisables
  • Supprimer les attributs cibles des liens et ajouter des rôles de référence

Le meilleur WordPress Accessibilité Plugin pour : Sites web créés à l'origine dans le cadre du Pojo.

Prix : One Click Accessibility peut être téléchargé gratuitement à partir du dépôt officiel. 

WordPress Aide à l'accessibilité

WordPress -Accessibilité-Aide

WordPress Accessibility Helper a une note de 5 étoiles et plus de 10 000 installations actives. Le site Plugin propose une version gratuite avec un ensemble complet de fonctionnalités. La version premium offre encore plus de fonctionnalités, notamment la possibilité de contrôler les fenêtres modales et les popups, d'ajouter des accordéons et de personnaliser les logos.

Principales caractéristiques de WordPress Accessibility Helper

  • Ajouter des liens
  • Définir la taille des caractères selon vos souhaits
  • Vérifiez les pages et les messages pour détecter les erreurs d'accessibilité
  • Définir des couleurs personnalisées pour un meilleur contraste ou un contraste plus foncé
  • Souligner ou mettre en évidence tous les liens

Le meilleur WordPress Accessibilité Plugin pour : Les entreprises qui ont besoin d'un Plugin robuste pour faire de l'accessibilité un élément clé de leur site web et de leur activité. 

Prix : WordPress Accessibility Helper est téléchargeable gratuitement. Vous pouvez acheter la version Pro pour 80 $, ce qui vous permet d'installer le Plugin sur un site web et d'obtenir trois mois de support. 

WP ADA Compliance Check Basic

WP-ADA-Compliance-Check-Basic

WP ADA Compliance Check Basic vérifie votre site web pour les problèmes d'accessibilité et vous fournit un rapport détaillé à ce sujet. L'évaluation est basée sur la section 508 des normes d'accessibilité du Web et sur le WCAG 2.1 NIVEAU A/AA. 

Principales caractéristiques du WP ADA Compliance Check Basic

  • Évaluez votre site web pour les questions d'accessibilité
  • Exécuter les rapports d'accessibilité
  • Obtenez des instructions faciles à suivre sur la manière de résoudre les problèmes d'accessibilité
  • Correction automatique des problèmes d'accessibilité (version Premium uniquement)
  • Problèmes d'identification des fichiers sur Theme(uniquement dans la version Premium)

Le meilleur WordPress Accessibilité Plugin pour : Les entreprises qui souhaitent se concentrer principalement sur les directives juridiques relatives à l'accessibilité du web, ou les entreprises intéressées par la fonction de correction automatique qui permet de gagner du temps avec la version premium.

Prix : Le téléchargement deWP ADA Compliance Check Basic est gratuit et limité à 25 messages ou pages. La version premium commence à 165 $ pour un site web et vous offre un an de support et de mises à jour. 

moniteur d'accès

Moniteur d'accès

Le Plugin Access Monitor a une note de 5 étoiles et 400 installations. Le site Plugin n'ajoute aucune fonction d'accessibilité à votre site web, mais vous permet de vérifier l'accessibilité actuelle de votre site. Il effectue également un contrôle automatique de l'accessibilité de votre site web, qui est contrôlé par le service d'accessibilité web Tenon.io

Principales caractéristiques d'Access Monitor

  • Prévoir des rapports d'accessibilité hebdomadaires ou mensuels.
  • Tester un ensemble spécifique de pages
  • Découvrez les problèmes d'accessibilité qui peuvent être définitivement déterminés par la machine.

Le meilleur WordPress Accessibilité Plugin pour : Les entreprises qui souhaitent disposer d'un moyen simple et gratuit pour identifier les problèmes d'accessibilité selon un calendrier régulier. 

Prix : Access Monitor peut être téléchargé gratuitement à partir du dépôt officiel. 

Une note sur WordPress Plugins et l'accessibilité

Il est important de noter que, tout comme WordPress Themes , Plugins peut être soumis par n'importe qui et fera l'objet d'un contrôle d'accessibilité facultatif au cours du processus d'examen. Par conséquent, de nombreux sites WordPress Plugins ne respectent pas les directives en matière d'accessibilité numérique - et leur utilisation peut rendre votre site web inaccessible. 

Les exemples les plus courants de ce type de Plugins sont les curseurs ou les carrousels -Plugins- qui sont réglés pour s'exécuter automatiquement ou faire une pause avec l'interaction du clavier. Un autre exemple est un formulairePlugin qui ne comporte pas de champs correctement étiquetés. Dans cette optique, vous devriez tester à nouveau l'accessibilité de votre site chaque fois que vous installez un nouveau Plugin . 

WordPress Themes et l'accessibilité

Malheureusement, si vous allez dans le répertoire officiel de WordPress et que vous filtrez votre recherche pour trouver Themes accessible, vous constaterez qu'il n'y a que 108 Themes, qui sont marqués comme accessibles. 

WordPress -Themes

Comme mentionné précédemment, grâce aux efforts de l'équipe "Make WordPress Accessible Team", les vendeurs de Theme peuvent soumettre leur Theme pour un examen optionnel de l'accessibilité pendant le processus d'examen. 

Pour recevoir le label "Accessibility Ready", un Theme doit répondre à un ensemble de directives sur l'accessibilité numérique énumérées dans le manuel d'examen Theme et le CodeWordPress x officiel . 

Développement de pages WordPress accessibles

Soyons réalistes, la plupart des utilisateurs de WP opteront pour unTheme premium provenant de places de marché tierces ou pour un thème entièrement personnalisé. 

Si vous êtes un développeur chargé de créer un site WordPress accessible, il existe quelques thèmes que vous pouvez utiliser comme point de départ.

Souligne

Souligne

Underscores a été développé par Automattic et constitue un point de départ pour la plupart des WordPress .com disponible à l'adresse suivante : Themes. Le site Theme contient plusieurs fonctionnalités accessibles. 

Genèse par StudioPress

Genèse

Genesis by StudioPress est un cadre premium populaire qui peut être utilisé pour développer votre propre enfant Genesis accessible -Theme . Vous pouvez également utiliser l'un des sites pour enfants existantsThemes avec des fonctionnalités accessibles.  

GeneratePress

GeneratePress

GeneratePress est un autre site populaire Theme, qui est accessible et peut être utilisé comme point de départ pour votre conception.

WCAG Theme

WCAG-Theme

LeWCAG Theme a été conçu spécifiquement dans un souci d'accessibilité et est conforme à la section 508 et au WCAG 2.0 AA. De plus, il dispose d'une prise en charge complète du clavier. 

Astra

Astra

Astra est un site populaire Theme avec des versions gratuites et premium qui comporte une balise accessible, une compatibilité avec les constructeurs de page Pluginss populaires et des temps de chargement rapides.

Astra vous donne une base accessible pour votre site WP et accélère le temps et le processus de développement. 

D'autres ressources sur l'accessibilité dans WordPress

En ce qui concerne WordPress et l'accessibilité, l'internet regorge d'informations. Si vous voulez en savoir plus sur l'accessibilité, voici quelques bons endroits pour commencer vos recherches :

  • Making Accessible WordPress Themes: Une présentation de Joseph Karr O'Connor de WordCamp 2013 à Montréal. La présentation couvre l'accessibilité en général et son application dans WordPress , y compris la création de Plugins, Themes et de widgets accessibles, et la façon de rendre votre contenu plus accessible.
  • WordPress Development Tools and Accessibility Plugins: Une liste d'outils et de ressources fournis par l'équipe Make WordPress Accessible pour vous aider à tester et à améliorer les fonctionnalités d'accessibilité de vos sites web.
  • Rendre la page d'accueil WordPress accessible: Le blog officiel de l'équipe "Make WordPress Accessible", où vous pouvez lire les dernières nouvelles et aider à rendre WordPress plus accessible.
  • Outil d'évaluation de l'accessibilité du Web WAVE: Utilisez cet outil pour tester l'accessibilité de votre site. Après une analyse, l'outil vous montrera les problèmes que vous devez résoudre pour respecter les lignes directrices en matière d'accessibilité. 
  • Fort: Lorsque vous commencez à construire votre site web en Sketch ou Adobe XD, ce Plugin vous aidera à vous assurer que vos projets de site web sont accessibles dès le départ. 
  • Roue des couleurs de l'accessibilité : utilisez cet outil pour choisir des couleurs suffisamment contrastées et conformes aux directives d'accessibilité. Vous pouvez également voir comment les personnes qui souffrent de daltonisme voient les couleurs que vous choisissez. 
  • Extension Axe Chrome : si vous utilisez Chrome, cette extension vous permet de vérifier d'un simple clic si un site web présente des problèmes d'accessibilité.
  • The A11y Machine: Vous pouvez télécharger la A11y Machine sur GitHub. Cet outil sert d'outil de test d'accessibilité automatisé. C'est-à-dire que vous l'utilisez pour tester l'accessibilité de tout site web. L'outil crée ensuite un rapport détaillé que vous pouvez utiliser pour améliorer l'accessibilité de votre site web.

Conclusion : comment assurer l'accessibilité de votre site WP

La plate-formeWordPress vous offre déjà quelques fonctionnalités d'accessibilité prêtes à l'emploi, mais elle n'est pas encore totalement accessible. Si vous souhaitez développer des sites web accessibles avec WordPress , vous devez prendre en compte certaines choses : 

  • Suivez les directives officielles d'accessibilité au contenu Web ainsi que les directives d'accessibilité de WordPress décrites dans le manuel d'examen de Theme . 
  • Commencez par un WordPress Theme accessible afin de réduire le temps de développement et de construire une base solide pour un site web accessible. 
  • Utilisez WordPress Accessibilité Plugins et des outils pour tester votre site web fini et vous assurer qu'il est accessible à tous.

Si vous appliquez les conseils ci-dessus, vous serez sur la bonne voie pour créer des sites web accessibles et rendre l'internet plus utilisable et accessible à tous. Et si vous avez besoin d'un hébergement WordPress rapide et sûr pour tous les sites web accessibles que vous allez créer, n'hésitez pas à vous inscrire pour un essai gratuit sur RAIDBOXES

Vos questions : WordPress Accessibilité et sites web sans barrières

Quelles questions avez-vous pour Maddy ? N'hésitez pas à utiliser la fonction de commentaire. Vous voulez plus de conseils sur la conception et le développement de sites web ? Alors suivez-nous sur Twitter, Facebook ou via notre newsletter.

Contribution à l'image : Unsplash

Maddy Osman est un stratège de contenu SEO. Elle travaille avec des clients sélectionnés dans les WordPress et le secteur de l'hébergement web. Avec une formation en web design et WordPress , elle a une profonde compréhension du SEO - et sait exactement comment connecter les marques avec un contenu pertinent pour le SEO.

Articles connexes

Commentaires sur cet article

Laisse un commentaire

Ton adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués d'un *.