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

La déclaration d’accessibilité de WordPress note :

« 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

Une amélioration du texte alternatif utilisé sur l’image sélectionnée consiste à utiliser le titre de la publication comme texte alternatif lorsque l’image sélectionnée est liée à la publication.

Améliorations de la tabulation

WordPress a noté un ajout qui permet de tabuler 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.

  • Annoncez les résultats de la recherche dans le gestionnaire de blocs.
  • Assurez-vous que les blocs avec une configuration d’espace réservé voient leur description lue par VoiceOver, en donnant un contexte pour le bloc lui-même et les contrôles résultants.
  • Améliorez la notification d’enregistrement de brouillon réussi pour les lecteurs d’écran en la rendant plus descriptive.
    « … les lecteurs d’écran annoncent maintenant Brouillon enregistré au lieu de simplement Enregistré. »
  • Ajouter des étiquettes de texte de bouton à l’éditeur de site.
    « … cela ajoute une option à l’éditeur de site pour afficher les étiquettes de texte au lieu des icônes sur les boutons de l’interface. »
  • Évitez les étiquettes en double pour les boutons « Enregistrer le brouillon » et « Enregistrer en attente » afin de réduire la confusion

Un correctif particulièrement intéressant est celui-ci : aucun message d’erreur n’est 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 la pull request 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 permettent aux utilisateurs de lecteurs d’écran de comprendre plus facilement les situations dans lesquelles 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 d’améliorer les commentaires de l’interface utilisateur pour 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 vue en liste est une interface utilisateur permettant de 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

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éliorent les étiquettes aria, améliorent 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 à son objectif déclaré de rendre WordPress WCAG 2.0 AA conforme autant que possible.

Citation

Lire l’annonce officielle de WordPress

Améliorations de l’accessibilité de WordPress 6.0

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici