Au delà d’une bonne pratique de qualité web, le bon balisage des citations est un prérequis pour l’accessibilité de vos contenus et pour la conformité de votre site en regard du RGAA, le référentiel général d’amélioration de l’accessibilité.
En effet, le critère 9.4 du RGAA concerne spécifiquement les citations que vous intégrez dans vos pages.
Dans chaque page web, chaque citation
Critère 9.4 du RGAA
est-elle correctement indiquée ?
Ce critère 9.4 se divise en deux tests méthodologiques, permettant de valider ou non la conformité du critère.
Les blocs de citations, une implémentation RGAA bien gérée par l’éditeur Gutenberg
Le test 9.4.2 du RGAA indique « Dans chaque page web, chaque bloc de citation utilise-t-il une balise
.<blockquote> ? »
Ce test est nativement très bien géré sur WordPress. En effet, l’éditeur de blocs Gutenberg propose deux blocs dédiés à ce besoin : le bloc Citation et le bloc Citation en exergue.
Ces deux blocs utilisent correctement l’élément <blockquote> et permettent même, grâce à l’élément HTML <cite>, d’associer une source ou une référence à la citation (comme avec l’exemple plus haut dans cet article).
WordPress est donc nativement conforme au test 9.4.2 du RGAA, à partir du moment ou vous utilisez les blocs Gutenberg prévus à cet effet.
La conformité des citations courtes dans WordPress : un besoin non couvert nativement
En revanche, le test méthodologique 9.4.1 n’est pas (encore) couvert nativement par WordPress. Ce test demande la mise en place de l’implémentation suivante : « Dans chaque page web, chaque citation courte utilise-t-elle une balise
<q> ? »
Une citation courte – ou « citation en ligne » – est une citation incluse à l’intérieur d’un paragraphe de texte (ou d’un titre).
Voici un exemple :
Comme l’a écrit Paul Desalmand, « une citation sans références est à peu près aussi utile qu’une horloge sans aiguilles ».
Voici le code HTML nécessaire pour rendre ce paragraphe conforme au RGAA :
<p>Comme l'a écrit Paul Desalmand, <q>« une citation sans références est à peu près aussi utile qu'une horloge sans aiguilles »</q>.</p>Problème : Gutenberg, l’éditeur natif de WordPress ne propose pas de formatage en ligne permettant d’insérer facilement une balise <q> au sein d’un paragraphe de contenu.
Une extension WordPress pour rendre vos citations en ligne conformes au RGAA : Inline Quote Format Button for the Block Editor
J’ai donc développé début 2025 une petite extension WordPress permettant d’ajouter facilement cette balise <q> à vos citations courtes dans l’éditeur de blocs Gutenberg.
Avec cette extension, vous obtenez un nouveau bouton de formatage qui vous permet d’appliquer le bon balisage très facilement sur vos citations en ligne.
Elle est bien évidemment disponible gratuitement sur le répertoire officiel des extensions WordPress :
Si vous voulez vous pouvez même la tester rapidement avant de l’utiliser, sans avoir à installer quoi que ce soit. Pour cela, utilisez le lien ci-dessous pour lancer une instance Playground sur laquelle l’extension sera pré-installée.
Il vous suffit ensuite de rédiger un paragraphe de contenu, de sélectionner une portion de texte dans ce paragraphe, puis de cliquer sur « Citation en ligne » dans les options de formatage de la barre d’outils (bouton représentant une flèche vers le bas).
Si vous utilisez cette extension sur vos projets WordPress, n’oubliez pas de publier un petit avis sur la page de l’extension, ça fait toujours plaisir !
Laisser un commentaire