WordPress a récemment annoncé que la version 6.0, prévue pour le 24 mai 2022, comportera un nombre important d’améliorations d’accessibilité qui faciliteront l’utilisation de WordPress pour les utilisateurs et le rapprocheront de la conformité WCAG 2.0 AA.
Accessibilité WordPress
WordPress maintient l’inclusivité et l’accessibilité comme objectif principal “autant que possible” pour toutes les versions de WordPress.
Afin d’atteindre cet objectif, WordPress dispose d’une équipe interne qui se concentre sur l’accessibilité.
Le WordPress relevé des notes d’accessibilité:
« La communauté WordPress et le projet open source WordPress s’engagent à être aussi inclusifs et accessibles que possible.
Nous voulons que les utilisateurs, quel que soit leur appareil ou leur capacité, puissent publier du contenu et maintenir un site Web ou une application construit avec WordPress.
Améliorations de l’accessibilité dans WordPress 6.0
WordPress a proposé en avant-première les nombreuses améliorations à venir sur WordPress 6.0, actuellement prévues pour le 24 mai 2022.
Texte alternatif
Un amélioration du texte alternatif utilisé sur l’image en vedette consiste à utiliser le titre de la publication comme texte alternatif lorsque l’image en vedette est liée à la publication.
Améliorations de la tabulation
WordPress a noté un ajout qui permet tabulation dans un espace réservé de bloc.
La demande d’extraction GitHub décrit ce correctif :
“Lorsque l’accent est mis sur un bloc avec un espace réservé (par exemple, un bloc Image ou Colonnes) et que nous sommes en mode Édition, nous devrions pouvoir tabuler dans les contrôles de l’espace réservé.
Cela rend le clavier des contrôles d’espace réservé accessible lorsque la préférence “Contenir le curseur de texte à l’intérieur du bloc” est activée (la navigation par touches fléchées dans ou hors d’un bloc ne fonctionne pas avec cette préférence).
Cela permet également de tabuler dans un bloc qui ne contient qu’un bloc d’insertion, tel qu’un bloc de groupe vide.
Améliorations liées au lecteur d’écran
Un certain nombre d’améliorations visent à faciliter la tâche des éditeurs qui utilisent des lecteurs d’écran pour naviguer dans les blocs et faire avancer les choses.
Une solution particulièrement intéressante est celle-ci : Aucun message d’erreur fourni lors d’une saisie incomplète dans l’écran d’administration des balises. Il a été découvert lors d’un audit d’accessibilité que lorsqu’un utilisateur laisse un champ de nom obligatoire vide dans la section d’édition des “tags”, il y a un avis visuel de couleur d’une erreur mais qu’aucun message d’erreur réel n’a été généré. Ceci est corrigé dans la version 6.0 de WordPress.
Un autre correctif utile implique une faille dans le fonctionnement de la barre d’outils dans iOS et un manque d’étiquettes de texte.
Selon le Demande d’extraction GitHub:
“Lorsque vous utilisez VoiceOver sur iOS, le lien pour ouvrir le menu déroulant “Nouveau” dans la barre d’outils est lu comme “post new.php”.
Correctifs d’accessibilité liés à Aria pour WordPress 6.0
RichText : inversez disableLineBreaks pour déterminer l’état aria-multiline.
Supprimez les attributs de rôle sur les SVG destinés à la « décoration ».
Il s’agit d’une amélioration que l’un des contributeurs de WordPress a qualifiée de petit changement qui a entraîné une amélioration importante. Il s’agit d’ajouter une balise role=”img” mais sans ajouter d’étiquette aria aux SVG. Ils ont donc supprimé l’attribut de rôle, ce qui a résolu le problème.
Améliorations du bloc de navigation
Les améliorations apportées au bloc de navigation vont être bien accueillies par beaucoup.
Par exemple, plusieurs des correctifs rendre plus facile pour ceux qui utilisent des lecteurs d’écran pour comprendre les situations où il existe plusieurs blocs de menu de navigation, comme un menu de navigation de site de haut niveau et un menu de second niveau pour les catégories, ainsi que amélioration de la rétroaction de l’interface utilisateur pour les lecteurs d’écran lors de la création d’un nouveau menu.
Il existe des améliorations supplémentaires à divers autres blocs, y compris l’ajout d’une étiquette aria au bouton de recherche.
Améliorations de la vue de liste WordPress
La Affichage de liste est une interface utilisateur pour naviguer dans les sections de contenu.
L’interface d’affichage de liste est disponible via une icône en haut de la page dans la barre d’outils WordPress.
Capture d’écran du bouton de basculement de la vue de liste
<img src="https://cdn.searchenginejournal.com/wp-content/uploads/2022/04/list-view-toggle-626660a029d2a-sej-480x58.png" alt="Bouton de basculement de l'affichage de la liste WordPress" />
L’activation de l’icône via le bouton bascule révèle le menu déroulant qui reste ouvert pendant l’utilisation.
WordPress a annoncé huit améliorations de l’interface utilisateur de la vue de liste qui, entre autres, améliorent la possibilité de sélectionner des blocs spécifiques, améliorer les étiquettes aria, améliore les commandes du clavier et les annonces tout en naviguant dans la vue de liste et d’autres améliorations.
Améliorations de la gestion des médias
WordPress introduit également des améliorations dans la gestion des médias.
Selon WordPress :
- « Préservez les propriétés de pièce jointe lors du recadrage du logo personnalisé. Cela signifie que le texte alternatif, le titre, la description et la légende d’une image migreront vers la copie recadrée de l’image après le recadrage.
- Arrêtez les touches fléchées de changer de média si l’URL est ciblée.
- Ajoutez une fonction “Copier l’URL dans le presse-papiers” à la vue du tableau de liste.
- Définissez un mot-clé sur un exemple de permalien afin que le permalien complet soit visible sur les appareils mobiles dans les publications, les médias et les commentaires.
- Supprimez l’attribut vide cible des liens d’édition du téléchargeur de médias.
- Supprimez target=”_blank” du lien pour modifier les structures de permalien et modifier le texte du lien pour clarifier l’objectif du lien. »
Améliorations supplémentaires de l’accessibilité
WordPress 6.0 améliore également la fonctionnalité du lecteur d’écran et du clavier dans l’édition rapide/en masse, corrige les problèmes avec les boutons de connexion et d’enregistrement pour ajouter des valeurs de saisie semi-automatique, mais d’une manière qui ne représente pas un problème de sécurité puisque les valeurs sont stockées dans le navigateur (plus ici).
Enfin, diverses améliorations d’accessibilité ont été apportées aux thèmes WordPress officiels :
- “Twenty Nineteen : Remplacer l’ordre flexible sous forme de commentaire.
- Twenty Twenty : Transformez la recherche en un rôle de dialogue et corrigez la gestion d’aria-expanded pour synchroniser les boutons du mobile et du bureau.
- Twenty Twenty-One : logique inverse pour les requêtes multimédias préférées à mouvement réduit.
- Utilisez le pointeur du curseur lorsque vous survolez le bouton des détails du thème pour assurer la cohérence avec la carte du thème. »
Accessibilité WordPress 6.0
L’équipe d’accessibilité de WordPress a déployé beaucoup d’efforts pour rendre WordPress 6.0 accessible et inclusif, conformément à leur objectif déclaré de rendre WordPress WCAG 2.0 AA conforme que possible.
Citation
Lire l’annonce officielle de WordPress
Améliorations de l’accessibilité de WordPress 6.0
— to www.searchenginejournal.com