Contribution à l’accessibilité de Gutenberg, le nouvel éditeur de WordPress 5.0

ClientGutenberg / WordPress.org
Date de publicationJanvier 2018
Liégithub.com
Catégorie

Gutenberg - WordPress 5 - Contributions

Gutenberg est le nouvel éditeur qui sera disponible avec la prochaine version de WordPress. Si le sujet vous intéresse, vous pouvez suivre la série d’article sur Gutenberg en cours de publication sur le blog de l’agence Whodunit où je travaille ou lire la page du projet publiée sur le site officiel WordPress francophone.

Si le sujet fait beaucoup parler dans l’écosystème WordPress, les personnes qui suivent la communauté francophone savent que je fais partie de ses défenseurs. Je pense en effet que cette révolution dans la manière de penser l’éditorialisation sur WordPress est une formidable opportunité pour la communauté et un vrai moteur pour l’écosystème qui se dote ainsi d’une logique éditoriale innovante 🙂

Le projet étant hébergé sur GitHub, les contributions sont ouvertes et plusieurs milliers de proposition d’améliorations et de retours de bugs ont déjà été publiés.

Première contribution à Gutenberg, sur l’accessibilité des images

Ma première contribution au projet provient d’une remontée de bug faite par Claire Bizingre, participante du Slack WordPress FR. Le problème soulevé était l’absence de l’attribut alt sur les images dans un cas spécifique : celui où le rédacteur n’aurait pas utilisé le champs permettant de définir un texte alternatif à son image en back-office.

Dans ce cas précis, en l’absence de texte alternatif rempli en BO, la variable contenant le texte alternatif était vide et l’attribut n’était donc pas créé. Or, l’utilisation de la balise <img /> sans attribut alt est non conforme aux règles d’accessibilité. Il est tout à fait possible d’avoir un attribut alt vide, notamment dans le cas d’une image décorative dont la retranscription serait inutile pour un moteur de recherche ou un utilisateur d’une prothèse technique, mais l’absence de l’attribut est à bannir. En effet, les technologies d’assistance comme les lecteurs d’écrans vocaliseront alors le nom du fichier, ce qui est absolument inutile et dérangeant pour le visiteur.

Ci-après, vocalisation (simulée) d’une image sans attribut alt : le nom du fichier est utilisé en lieu et place du texte alternatif.

Les développeurs de Gutenberg avaient donc omis d’utiliser un texte alternatif vide par défaut dans les insertions d’image, ce qui permettait la génération d’images sans attribut alt, que ce soit dans le bloc Image ou dans le bloc Gallery.

Ma contribution a été faite sur le dépôt GitHub du projet. D’abord sous la forme d’une issue puis d’une pull request, rapidement acceptée par les développeurs du projet :

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.