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

Maddy Osman Dernière mise à jour le 19.10.2020
12 Min.
WordPress -Accessibilité
Dernière mise à jour le 19.10.2020

L'accessibilité (ou l'accessibilité) dans WordPress est un élément important dans la création de sites web qui n'est pas encore assez discuté. Mais dans quelle mesure le CMS populaire est-il réellement accessible ? Pourquoi l'accessibilité est-elle si importante ? Et comment votre site web deviendra-t-il 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 principales 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 impact majeur sur l'accessibilité du web. Cependant, la question de l'accessibilité n'est pas toujours au premier plan 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 web 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 l'accessibilité interactive 56 millions d'Américains vivent avec un handicap. Au-delà de cela. Centre de recherche Pew que 54 % des adultes handicapés aux États-Unis utilisent régulièrement l'internet. Et ce ne sont que les États-Unis. Dans le monde entier ces chiffres augmentent.

Si vous ignorez l'accessibilité, vous excluez déjà 20 % de la population mondiale de la possibilité d'utiliser votre site web. En bref, ignorer l'accessibilité n'est pas bon pour votre entreprise. Mais surtout, elle 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 avec WordPress , ce guide est pour vous. Nous répondrons à certaines questions clés, notamment :

  • Qu'est-ce que l'accessibilité du Web ?
  • Le site WordPress est-il "prêt à l'emploi" et sans barrières ?
  • 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. Cela concerne en particulier les handicaps qui peuvent affecter la manière dont les personnes accèdent et utilisent le Web, notamment :

  • Déficiences visuelles
  • Déficiences acoustiques
  • Troubles de l'élocution
  • Handicaps cognitifs 
  • Handicaps neurologiques
  • Handicaps temporaires (comme un bras cassé)

Cette liste comprend également 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 aux informations et aux actualités à l'achat de produits alimentaires et au maintien du contact avec nos proches.

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

É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 "prêt à l'emploi" et sans barrières ? 

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

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

Beaucoup de choses ont changé depuis lors. Premièrement, un petit groupe de volontaires - les Rendre WordPress Accessible Team - a considérablement amélioré l'accessibilité de WordPress .  

Grâce à leur travail, les zone d'administration ainsi que la médiathèque et le personnalisateur Theme sont devenus beaucoup plus accessibles. De plus, de nombreux raccourcis clavier ont été ajoutés au noyau de WordPress pour accélérer l'édition et le formatage des articles et des pages. 

Le Normes de codage pour l'accessibilité des WordPress en mars 2016 ont été affectés à la WordPress Manuel de base ajouté. Depuis lors, Themes et Plugins doivent passer un test d'accessibilité strict pour être classés comme accessibles à tous.

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é. Alors que WordPress s'efforce de rendre le Directives pour l'accessibilité des outils de création (ATAG) 2.0 mais il y a d'autres problèmes qui empêchent une accessibilité à 100 % : 

  • Theme- et Plugin-Les développeurs tiers ne suivent 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 Gutenberg-rédacteur en chef au moment de sa publication 90 Problèmes d'accessibilité. (Au moment de la rédaction de cet article seulement 22 Problèmes non résolus).
WordPress  Accessibilité : comment créer un site web accessible (+ Plugins pour cela)

Conseils pour créer une page WP accessible

Lorsque vous créez un site web accessible, certains principes sont énoncés dans la Directives sur l'accessibilité des contenus Web sont spécifiés. 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.
  • Fonctionnement: 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 fonctionnels.
  • Compréhensible: tous les utilisateurs doivent être en mesure de comprendre les informations et 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 assurer la perception de votre site web

  • Les liens et les boutons ne doivent pas se différencier du reste de votre contenu par leur simple coloration.
  • Offrir un support braille et fournir des alternatives textuelles pour les contenus visuels et sonores, 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, pas de texte rouge clair sur 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) à l'aide du clavier et de 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 jouer ou changer automatiquement sans interaction de l'utilisateur.

Lignes directrices pour assurer la compréhension de votre site web

  • Pensez à différents points de vue lors de la conception 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 l'utilisation de jargon, de termes difficiles et d'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 même 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 simplement "En savoir plus".

Lignes directrices pour garantir la solidité de votre site web

  • Insérez des liens "saut" en haut de chaque page.
  • Assurez-vous que les champs de vos formulaires sont bien étiquetés. Vos formulaires doivent également comporter des messages d'avertissement et de confirmation facilement reconnaissables par les daltoniens.
  • Utilisez l'index des tabulations pour
    a
    jouter
    un élément qui n'est normalement pas mis en évidence, comme
    o
    u
    ,
    à l'ordre de navigation lorsqu'il est utilisé pour l'interaction.
  • Les supports téléchargeables tels que les documents PDF, le contenu audio ou vidéo doivent avoir 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 la WAI-ARIA Rôles.

Le meilleur WordPress Accessibilité Plugins et outils

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

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

WP Accessibilité

WP-Accessibilité

WP Accessibilité est l'un des meilleurs accès WordPresss Plugins du référentiel officiel WordPress Plugin . Il est classé 5 étoiles et compte plus de 30 000 installations actives. Le site Plugin aborde et corrige les problèmes généraux d'accessibilité dans le WP-Themes. 

Principales caractéristiques du WP Accessibilité:

  • Ajouter des liens de saut avec des destinations personnalisées
  • Ajout d'un aperçu à l'état des lieux 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 le noyau de WordPress , comme 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

Barre d'outils accessible pour le PSFanciennement connu sous le nom de Poésie accessible, a une cote de 4,5 étoiles et 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 pour permettre aux utilisateurs de 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 veulent un site web plus accessible, mais qui souhaitent conserver un schéma de couleurs propre à la marque et une esthétique générale. 

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é, Accessibilité en un clica été développé à l'origine pour le cadre du Pojo 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 sauts de liens
  • 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 : Les sites web qui ont été 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 -Accessibility Helper

WordPress Aide à l'accessibilité a une cote 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érifier les pages et les contributions pour les erreurs d'accessibilité
  • Définir des couleurs personnalisées pour un meilleur contraste ou un contraste plus foncé
  • Souligner ou marquer tous les liens

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

Prix : WordPress Accessibility Helper peut être téléchargé gratuitement. Vous pouvez acheter la version Pro pour 80 $, ce qui vous permet d'installer Plugin sur un site web et de bénéficier de trois mois d'assistance. 

WP ADA Compliance Check Basic

Contrôle de conformité WP-ADA de base

WP ADA Compliance Check Basic vérifiera si votre site web présente des problèmes d'accessibilité et vous fournira un rapport détaillé. L'évaluation est basée sur les normes d'accessibilité du Web telles que définies dans la section 508 et les 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é
  • Recevoir des instructions faciles à comprendre pour résoudre les problèmes d'accessibilité
  • Correction automatique des problèmes d'accessibilité (uniquement dans la version Premium)
  • Problèmes, dans Theme-identifier les fichiers (uniquement dans la version premium)

Le meilleur WordPress Accessibilité Plugin pour : Les entreprises qui veulent avant tout se concentrer sur les directives juridiques de l'accessibilité du Web, ou les entreprises qui sont intéressées par la fonction de correction automatique de la version Premium, qui permet de gagner du temps.

Prix : le documentWP ADA Compliance Check Basic peut être téléchargé gratuitement et est limité à 25 articles 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 moniteur d'accès a un classement de 5 étoiles et 400 installations Le site Plugin n'ajoute pas de fonctionnalités d'accessibilité à votre site, mais vous permet de vérifier l'accessibilité de votre site à l'heure actuelle. 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 hebdomadaires ou mensuels sur l'accessibilité
  • Tester un ensemble spécifique de pages
  • Apprendre à connaître 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 Plugins ainsi que WordPress Themes peuvent être soumis par n'importe qui et seront soumis à 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 sur l'accessibilité numérique - et leur utilisation peut avoir pour conséquence que votre site ne soit plus accessible. 

Des exemples courants de ce type de Plugins sont le Slider- ou le Carousel-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 l'accessibilité de votre site chaque fois que vous installez un nouveau Plugin . 

WordPress Themes et l'accessibilité

Si vous allez dans le dépôt officiel de WordPress et que vous filtrez votre recherche pour trouver le site Themes accessible, vous constaterez malheureusement qu'il n'y a 108 Themesqui sont marqués comme étant sans obstacle. 

WordPress -Themes

Comme mentionné ci-dessus, grâce aux efforts de l'équipe "Make WordPress Accessible Team ", les fabricants de Theme peuvent soumettre leur Theme pendant le processus de révision pour une révision facultative de l'accessibilité. 

Pour obtenir la balise "Accessibility-Ready", un Theme doit avoir Lignes directrices sur l'eAccessibilité qui sont décrites dans le manuel d'examen Theme et dans le WordPress Codex sont énumérés. 

Développement de l'accessibilité WordPress -Pages

Soyons réalistes : la plupart des utilisateurs de WP choisiront unTheme premium provenant de places de marché tierces ou un design totalement individuel. 

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

Souligne

Souligne

Souligne 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 fonctions sans barrières. 

Genèse par StudioPress

Genèse

Genèse par 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 existants -Themes - qui offrent des fonctions d'accessibilité.  

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

WCAG Theme a été développé dans un souci d'accessibilité et est conforme à la section 508 & WCAG 2.0 AA. Il dispose également d'une prise en charge complète du clavier. 

Astra

Astra

Astra est un site populaire Theme avec des versions gratuite et premium, qui se caractérise par une balise accessible, une compatibilité avec les créateur de pages Plugins et des temps de chargement rapides.

Astra vous fournit 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é, vous trouverez ici quelques bons endroits pour commencer vos recherches :

  • Rendre accessible WordPress ThemesUne présentation de Joseph Karr O'Connor du WordCamp 2013 à Montréal. La présentation portera sur l'accessibilité en général et sur son application dans WordPress , y compris la création de Plugins, Themes et de widgets accessibles et l'amélioration de l'accessibilité de votre contenu.
  • WordPress Outils de développement et accessibilité PluginsUne liste d'outils et de ressources fournis par l'équipe "Make WordPress Accessible Team " pour vous aider à tester et à améliorer les caractéristiques d'accessibilité de vos sites web.
  • Rendre la page d'accueil WordPress accessibleLe blog officiel de l'équipe "Make WordPress Accessible Team", où vous pouvez lire les dernières nouvelles et aider à rendre WordPress plus accessible.
  • Outil d'évaluation de l'accessibilité du Web WAVEUtilisez 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 vous conformer aux lignes directrices sur l'accessibilité. 
  • FortSi vous commencez à créer votre site web en Sketch ou Adobe XD, ce Plugin vous aidera à faire en sorte que vos projets de site web soient accessibles dès le départ. 
  • Roue des couleurs de l'accessibilitéCet outil vous permet de choisir des couleurs suffisamment contrastées et conformes aux directives d'accessibilité. Vous pouvez également voir comment les personnes souffrant de daltonisme voient les couleurs que vous choisissez. 
  • Extension de la hache en chromeSi 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é.
  • La machine A11yVous pouvez télécharger la machine A11y sur GitHub. Cet outil sert d'outil de test d'accessibilité automatisé. En d'autres termes, vous pouvez l'utiliser pour tester l'accessibilité de n'importe quel site web. L'outil génère 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 exempte de barrières. Si vous souhaitez développer des sites web accessibles avec WordPress , il y a quelques points à prendre en compte : 

  • Suivez les directives officielles d'accessibilité au contenu Web et les directives d'accessibilité de WordPress , qui sont énoncées dans le manuel d'examen de Theme . 
  • Commencez par un WordPress Theme accessible afin de réduire le temps de développement et de créer 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 suivez les conseils ci-dessus, vous serez sur la bonne voie pour créer des sites web accessibles et rendre l'internet plus facile à utiliser 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 à version d'essai gratuite de RAIDBOXES pour s'inscrire. 

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

Quelles questions avez-vous à poser à Maddy ? Vous pouvez utiliser la fonction de commentaire. Vous voulez plus de conseils sur la conception et le développement de sites web ? Alors suivez-nous sur TwitterFacebook ou sur notre Newsletter.

de contribution : Unsplash

Maddy Osman est une stratège en matière de contenu SEO. Elle travaille avec des clients sélectionnés dans les WordPress et la zone d'hébergement. Grâce à son expérience en matière de conception de sites web et de WordPress , elle a une connaissance approfondie du référencement et sait exactement comment associer les marques à un contenu pertinent pour le référencement.

Articles connexes

Commentaires sur cet article

Ecrire un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués par * .