Infogérance WordPress : comprendre le service et cadrer son périmètre
L’infogérance WordPress désigne la prise en charge récurrente d’une partie de l’administration technique d’un site WordPress. Elle peut concerner l’hébergement, les...
L’accessibilité numérique consiste à concevoir un site utilisable par des personnes ayant des capacités, des équipements ou des modes de navigation différents. Cela concerne notamment les personnes malvoyantes, aveugles, sourdes, malentendantes, dyslexiques, ayant des difficultés motrices ou rencontrant des troubles de l’attention. L’accessibilité bénéficie aussi aux internautes qui naviguent sur un téléphone, dans un environnement bruyant, avec une connexion limitée ou sans souris.
Un site WordPress accessible ne dépend pas d’un réglage unique ni d’une extension miraculeuse. La qualité du résultat repose sur plusieurs éléments : le thème, la structure des contenus, les réglages de l’éditeur, les médias, les formulaires, les extensions et les tests réalisés avec différents modes de navigation.
Les recommandations internationales WCAG, publiées par le W3C, organisent l’accessibilité autour de quatre principes : le contenu doit être perceptible, utilisable, compréhensible et robuste. En France, le RGAA constitue un cadre de référence pour évaluer l’accessibilité des services numériques concernés par la réglementation. Ces référentiels ne remplacent pas une analyse du site, mais ils fournissent une méthode pour repérer les obstacles et les corriger.
L’objectif n’est pas de produire une interface réservée à un groupe précis. Il s’agit de réduire les situations dans lesquelles une personne ne peut pas comprendre une information, utiliser un formulaire, repérer un lien ou accomplir une action.
Avant de modifier un thème ou d’installer une extension, établissez un état des lieux. L’audit peut porter sur les pages principales, les articles, les modèles de contenu et les parcours qui ont une fonction importante, comme une prise de contact, une inscription ou un achat.
Les outils automatisés peuvent signaler des contrastes insuffisants, des images sans alternative ou des erreurs de structure. Ils ne détectent toutefois pas la pertinence d’un texte alternatif, la logique d’un parcours ni la clarté d’une consigne. Un résultat automatisé sans erreur ne constitue donc pas une preuve de conformité.
Conservez une copie de sauvegarde avant toute intervention sur le thème, les extensions ou la base de données. Les corrections doivent d’abord être testées sur un environnement de préproduction lorsque le site possède une activité régulière.
Le thème influence la structure HTML, la navigation, l’affichage du menu, les états de focus et le comportement des composants interactifs. Une mention d’accessibilité dans la présentation d’un thème mérite d’être vérifiée dans une installation de test, car le contenu ajouté et les extensions peuvent modifier le résultat.
Lors de la sélection, observez les points suivants :
Évitez de modifier directement les fichiers d’un thème parent. Une mise à jour peut écraser les changements. Un thème enfant ou une personnalisation prévue par le thème permet de conserver les corrections. Pour une modification structurelle importante, faites relire le code afin de ne pas introduire de balises non sémantiques ou de comportements incompatibles avec le clavier.
Les constructeurs visuels peuvent accélérer la création de pages, mais ils génèrent parfois une structure complexe. Vérifiez le code produit, la hiérarchie des titres, les libellés des contrôles et le comportement du focus. Une interface visuellement réussie peut rester difficile à utiliser avec un clavier ou un lecteur d’écran.
La structure sémantique aide les technologies d’assistance à présenter la page. Dans WordPress, elle commence par le titre de la page, puis se poursuit avec des titres de niveau inférieur. Le titre principal correspond généralement au titre de la page. Les sections internes utilisent ensuite des niveaux cohérents.
Ne choisissez pas un titre parce que sa taille visuelle vous convient. Le niveau d’un titre décrit sa place dans le plan du document. Un titre de niveau trois ne devrait pas apparaître avant une section de niveau deux sans raison structurelle.
Dans l’éditeur de blocs, sélectionnez le bloc Titre et choisissez le niveau adapté dans les réglages. Utilisez les blocs Liste pour les listes, Citation pour une citation et Tableau pour des données tabulaires. Cette organisation produit une information plus compréhensible qu’une succession de paragraphes mis en forme avec des espaces ou des caractères décoratifs.
Les liens doivent décrire leur destination. Des formulations comme consulter les tarifs, télécharger le formulaire d’inscription ou lire les conditions d’utilisation sont plus utiles que cliquez ici, en particulier lorsque le lecteur d’écran parcourt uniquement les liens.
Ajoutez un lien d’évitement permettant d’atteindre directement le contenu principal lorsque le thème ne le prévoit pas. Ce lien doit être visible au moment où il reçoit le focus clavier. Il réduit le temps nécessaire pour traverser un en-tête ou un menu répété sur chaque page.
La lisibilité ne se limite pas au choix d’une police. Elle dépend de la taille du texte, de l’espacement, de la longueur des lignes, du contraste et de la stabilité de la mise en page. Évitez les blocs de texte justifiés lorsque l’espacement irrégulier gêne la lecture. Préférez des paragraphes courts, des intertitres explicites et des listes lorsque plusieurs éléments doivent être comparés.
Le contraste doit être vérifié entre le texte et son arrière-plan, y compris dans les boutons, les champs, les menus et les messages d’erreur. Une couleur pâle sur un fond clair peut devenir illisible sur un écran mobile ou pour une personne ayant une perception réduite des contrastes. Les outils de mesure sont utiles, mais l’observation sur plusieurs écrans reste nécessaire.
Ne transmettez pas une information par la couleur seule. Un champ obligatoire peut associer une indication textuelle et un symbole compréhensible. Un état d’erreur doit comporter un message explicite. Un graphique doit proposer une légende ou une explication textuelle afin que la tendance présentée ne dépende pas de la distinction entre plusieurs couleurs.
Testez également le site avec le zoom du navigateur. Les éléments fixes, les bandeaux et les fenêtres surgissantes ne doivent pas recouvrir le contenu ni empêcher l’accès à une commande. Les textes intégrés dans des images sont à éviter, car ils s’adaptent mal au zoom et ne sont pas toujours interprétés par les technologies d’assistance.
Chaque image doit avoir un rôle identifié. Une image informative nécessite un texte alternatif qui transmet son sens dans le contexte de la page. Dans la bibliothèque de médias de WordPress, renseignez le champ de texte alternatif au moment de l’ajout ou de l’insertion de l’image.
Évitez de commencer chaque alternative par photo de ou image de. Le contexte indique déjà la nature du contenu dans de nombreux cas. Une alternative trop longue ou vague peut être aussi gênante qu’une absence d’alternative.
Les vidéos doivent proposer des sous-titres synchronisés lorsque des paroles ou des informations sonores sont nécessaires. Une transcription textuelle complète renforce l’accès au contenu et permet une consultation dans des situations où le son ne peut pas être utilisé. Les lecteurs audio ou vidéo doivent afficher des commandes identifiables et accessibles au clavier.
Les formulaires concentrent plusieurs risques : libellés absents, champs difficiles à atteindre, erreurs annoncées uniquement par une couleur et informations perdues après une validation. Vérifiez chaque formulaire dans WordPress, qu’il soit fourni par un bloc, une extension ou un constructeur de pages.
Les indications placées uniquement dans les champs, sous forme de texte indicatif, ne remplacent pas un libellé. Elles disparaissent pendant la saisie et ne sont pas toujours interprétées de manière fiable.
Après l’envoi, affichez un message de confirmation clairement identifiable. Si le formulaire déclenche une action sensible, comme l’envoi de données personnelles, présentez une information compréhensible sur l’usage des données et les étapes suivantes, en cohérence avec les obligations applicables.
La navigation au clavier révèle des problèmes qui restent invisibles à la souris. Utilisez la touche Tab pour avancer, les touches Maj et Tab pour revenir en arrière, la touche Entrée pour activer un lien ou un bouton et la barre d’espace lorsque le composant l’exige. Surveillez en permanence l’indicateur de focus.
Le parcours doit suivre un ordre logique. Le focus ne doit pas disparaître dans un menu, une fenêtre modale ou un composant ajouté par une extension. Une personne doit pouvoir ouvrir un menu, parcourir ses entrées, le refermer et poursuivre sa navigation sans revenir au début de la page.
Les éléments qui ressemblent à des boutons doivent se comporter comme des boutons. Évitez de transformer un élément non interactif en commande à l’aide de scripts sans gérer le clavier, le rôle, le nom accessible et les états. Lorsque cela est possible, utilisez les éléments HTML prévus pour l’action recherchée.
Avec un lecteur d’écran, contrôlez le titre de la page, les titres de section, les liens, les boutons, les champs, les messages d’erreur et les changements de contenu. Le nom annoncé doit correspondre à ce que l’interface affiche. Une icône seule peut nécessiter un nom accessible explicite, surtout pour les commandes de recherche, de fermeture ou d’ouverture du menu.
Une extension peut aider à contrôler certains critères, mais elle ne corrige pas automatiquement la totalité des problèmes. Les extensions qui ajoutent des fenêtres d’accessibilité, des réglages de contraste ou des commandes de taille de texte ne remplacent pas une structure correcte du thème et des contenus.
Avant d’installer un module, vérifiez sa maintenance, sa compatibilité avec la version de WordPress utilisée, ses droits d’accès et la nature des données qu’il traite. Une extension abandonnée ou trop permissive peut créer un risque de sécurité et introduire de nouveaux composants difficiles à utiliser.
Après chaque ajout ou mise à jour importante :
Maintenez WordPress, le thème et les extensions à jour dans le respect d’une procédure de sauvegarde et de retour arrière. La sécurité et l’accessibilité se rejoignent sur ce point : un site dont les composants ne sont plus maintenus devient plus difficile à contrôler et à corriger.
L’accessibilité doit être intégrée à la publication quotidienne plutôt que traitée comme une opération unique. Créez une liste de vérification pour les rédacteurs et les personnes qui administrent le site.
Planifiez aussi des tests après les changements sensibles : refonte graphique, remplacement du thème, installation d’un constructeur, ajout d’une fenêtre de consentement, modification du menu ou changement du formulaire de contact. Les composants tiers peuvent modifier la navigation sans changer le contenu éditorial.
Consignez les défauts connus, leur priorité et leur statut. Une correction urgente concerne par exemple un parcours bloqué au clavier ou un formulaire inutilisable. D’autres améliorations peuvent être planifiées, comme la réécriture d’alternatives trop vagues ou l’harmonisation des intitulés de liens. Cette hiérarchisation aide à progresser sans attendre une refonte complète.
Enfin, associez les personnes qui produisent le contenu aux vérifications. Une équipe qui sait choisir un niveau de titre, rédiger une alternative et décrire une erreur prévient davantage de problèmes qu’un contrôle effectué uniquement après la mise en ligne.
Une extension peut fournir des fonctions utiles ou signaler certaines anomalies, mais elle ne remplace ni un thème correctement structuré ni des contenus rédigés avec méthode. Elle ne peut pas décider si une image possède une alternative pertinente ou si un parcours est compréhensible. Utilisez-la comme un outil complémentaire après avoir vérifié sa maintenance, ses permissions et sa compatibilité.
Commencez par des contrôles manuels : navigation complète au clavier, zoom du navigateur, consultation sur mobile, vérification des contrastes et examen des titres, liens, images et formulaires. Ajoutez un outil automatisé pour repérer les erreurs récurrentes. Lorsque le site remplit une fonction importante ou accueille un public large, un audit réalisé par une personne compétente apporte une analyse plus complète.
Non. Une animation peut rester acceptable si elle ne gêne pas la lecture, ne provoque pas d’effet inconfortable et peut être arrêtée lorsque son mouvement est prolongé. Évitez les défilements automatiques difficiles à interrompre et testez les effets avec le clavier, le zoom et les réglages de réduction des mouvements lorsqu’ils sont pris en charge.
Commencez par les parcours essentiels : accéder au contenu, trouver une information, contacter le site, remplir un formulaire et consulter les pages sur mobile. Corrigez en priorité les blocages, les champs sans libellé, les contrastes insuffisants, les liens incompréhensibles et les composants impossibles à utiliser au clavier. Cette approche rend les améliorations visibles dans les usages avant d’élargir le contrôle à l’ensemble du site.
