WordPress -Accessibilité

Accessibilité de WordPress : comment créer un site web accessible

L'accessibilité dans WordPress est une composante importante de la création de sites web, dont on ne parle pas encore assez. Quel est le degré d'accessibilité de ce CMS populaire ? Pourquoi l'accessibilité est-elle si importante ? Et comment rendre ton site WordPress accessible à tous ?

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

WordPress fait fonctionner plus de 35 pour cent 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 professionnels utilisent WordPress parce qu'il est facile à utiliser.

Et c'est justement parce que WordPress est si populaire qu'il a une grande influence sur l'accessibilité du Web. Toutefois, l'accessibilité n'est pas toujours une priorité lors du développement ou de la refonte d'un site Web. Au lieu de cela, de nombreux utilisateurs de WordPress se préoccupent de choisir le bon thème, d'améliorer leur classement SEO et de s'assurer que leur site web se charge rapidement. Il n'y a rien à redire à cela - mais il devrait être tout aussi important que ton 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. 

Donc, si tu t'es déjà demandé comment créer un site web accessible avec WordPress, ce guide est fait pour toi. Nous allons répondre à 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 plug-ins t'aident à créer un site WordPress 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.

Accessibilité de WordPress : comment créer un site web accessible

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 WordPress doivent respecter lorsqu'ils ajoutent leurs contributions au WordPress Core et soumettent des thèmes et des plugins au référentiel 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).
Accessibilité de WordPress : comment créer un site web accessible

Conseils pour des sites WordPress accessibles

Lorsque tu crées un site web accessible, il y a certains principes qui sont définis dans les Web Content Accessibility Guidelines. Tu dois absolument les utiliser pour t'assurer que tout le monde puisse utiliser ton site WordPress. 

Liste de contrôle de l'accessibilité du site WordPress

  • 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 directives que tu dois suivre pour créer un site web accessible avec WordPress. 

Directives pour s'assurer que ton site WordPress est perceptible

  • 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.

Directives pour s'assurer que ton site WordPress est utilisable

  • 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 de contenu dans une nouvelle fenêtre sans en avertir tes utilisateurs ou sans interaction préalable de ta part.
  • 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.

Directives pour s'assurer que ton site WordPress 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".

Directives pour s'assurer que ton site WordPress est robuste

  • 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.
  • Verwende tabindex, um ein Element, das normalerweise keinen Fokus erhält, wie zum Beispiel <div> oder <span>, in die Navigationsreihenfolge einzufügen, wenn es für die Interaktion verwendet wird.
  • 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.
Consentement*
Ce champ sert à la validation et ne doit pas être modifié.

Plugins et outils d'accessibilité pour WordPress

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 plugins d'accessibilité WordPress du référentiel officiel des plugins WordPress. Il a obtenu une note de 5 étoiles et compte plus de 30 000 installations actives. Le plugin aborde et résout les problèmes généraux concernant l'accessibilité dans les thèmes WP. 

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 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 plugin n'ajoute pas de fonctionnalités d'accessibilité à ton site web, mais te permet de vérifier le niveau d'accessibilité actuel de ton site WordPress. Il effectue également un contrôle automatique de l'accessibilité de ton site Web, qui est piloté 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. 

Des exemples fréquents de tels plugins sont les plugins de slider ou de carrousel qui sont réglés pour une lecture automatique ou une pause avec une interaction clavier. Un autre exemple est un plugin de formulaire qui n'a pas de champs correctement étiquetés. En ce sens, tu devrais tester à nouveau l'accessibilité de ton site WordPress chaque fois que tu installes 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. 

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évelopper des sites WordPress accessibles

Soyons honnêtes : la plupart des utilisateurs de WordPress opteront pour un thème premium de tiers, de places de marché tierces ou pour un design entièrement personnalisé. 

Si tu es un développeur chargé de créer un site WordPress accessible, il y a quelques thèmes que tu peux utiliser comme point de départ.

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

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 est un autre site populaire Theme, qui est accessible et peut être utilisé comme point de départ pour votre conception.

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 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 te fournit une base accessible pour ton site WordPress et accélère le temps et le processus de développement. 

Autres ressources sur l'accessibilité de 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 lors du WordCamp 2013 à Montréal. La présentation traite de l'accessibilité en général et de son application à WordPress, y compris la création de plugins, de thèmes et de widgets accessibles et la facilitation de l'accès à ton contenu.
  • 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: Utilise cet outil pour tester l'accessibilité de ton site WordPress. Après un scan, l'outil te montre les problèmes que tu dois corriger pour respecter les directives 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 ton site WordPress

En tant que plate-forme, WordPress te propose déjà quelques fonctions d'accessibilité out of the box - mais n'est toujours pas totalement accessible. Si tu souhaites développer des sites Web accessibles avec WordPress, tu dois tenir compte de 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.

En appliquant les conseils ci-dessus, tu es sur la bonne voie pour créer des sites Web accessibles et rendre l'Internet plus utilisable et accessible à tous. Et si tu as besoin d'un hébergement WordPress rapide et sûr pour tous les sites accessibles que tu vas créer, n'hésite pas à t'inscrire pour un essai gratuit sur Raidboxes

Tes questions sur l'accessibilité de WordPress

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.

As-tu aimé cet article ?

Tes évaluations nous permettent d'améliorer encore plus notre contenu.

Un commentaire sur "Accessibilité de WordPress : comment créer un site web accessible"

  1. Yo
    “du langage des signes” on dit plutôt “langue des signes”, le mot “langage” nie que la langue des signes a une grammaire unique, des expressions uniques, une histoire unique… c’est une langue, pas juste une traduction littérale du français.
    Aussi, toutes les personnes sourdes ou malentendantes ne connaissent pas la langue des signes, faut quand même une traduction écrite.

Laisse un commentaire

Ton adresse e-mail ne sera pas publiée.