Les citations de votre site — discours d'un élu, extrait de délibération, témoignage — sont-elles présentées dans un bloc de citation dédié ?
Critère officiel 9.4 — Dans chaque page web, chaque citation est-elle correctement indiquée ?
Pourquoi c'est important
Un logiciel de lecture peut annoncer le début et la fin d'une citation, distinguant les propos rapportés du texte qui les entoure. Sans bloc de citation, il lit le texte entre guillemets comme un paragraphe ordinaire — une personne aveugle ne peut pas distinguer le discours d'un élu d'un texte de présentation.
Exemples concrets
Ce qui est conforme
La page de présentation du maire inclut son discours d'investiture dans un bloc Citation WordPress. Le logiciel de lecture l'annonce comme citation. L'utilisateur distingue clairement les propos du maire du texte éditorial qui les entoure.
Ce qui pose problème
Le même discours est dans un paragraphe ordinaire avec guillemets et retrait visuel. Visuellement identifiable comme une citation pour un voyant, mais techniquement indistinct du reste pour le logiciel de lecture.
Comment agir
Dans WordPress, utilisez le bloc Citation (guillemets dans la barre d'outils) pour tout extrait attribué à une personne : discours d'élu, témoignage d'habitant, extrait de compte-rendu. Ne simulez pas une citation avec guillemets et italique dans un bloc Paragraphe — l'apparence visuelle ne suffit pas.
Règles clés
- <blockquote> pour les citations de paragraphes ou plusieurs phrases.
- <q> pour les citations courtes inline — le navigateur ajoute les guillemets automatiquement.
- Attribut cite (URL source) sur <blockquote> si disponible.
- Identifier la source dans un <figcaption> ou <footer> à l'intérieur du <blockquote>.
Erreurs fréquentes
- Citations longues dans des <p> avec guillemets manuels au lieu de <blockquote>
- <blockquote> utilisé pour indenter du texte non cité — voir critère 8.9
- Source de la citation non identifiée
Exemples de code
citation longue dans un p
✗ Non conforme<p>« L'accessibilité du Web signifie que les sites,
outils et technologies sont conçus pour que les
personnes handicapées peuvent les utiliser. »</p>
<p>— W3C WAI</p>Citation dans un <p> ordinaire. Le lecteur d'écran ne la distingue pas du texte de la page.
citation avec blockquote et source
✓ Conforme<figure>
<blockquote
cite="https://www.w3.org/WAI/fundamentals/">
<p>L'accessibilité du Web signifie que les sites,
outils et technologies sont conçus pour que les
personnes handicapées peuvent les utiliser.</p>
</blockquote>
<figcaption>— <cite>W3C WAI</cite>,
Introduction à l'accessibilité</figcaption>
</figure><blockquote> avec cite (URL). Source dans <figcaption>. <cite> marque le titre de l'œuvre source.
Référence WCAG : 1.3.1