Les tips d'accessibilité 5
Les citations.
L’accessibilité est un sujet qui n’a pas encore tout à fait trouvé sa place dans la conception de sites web. Pourtant, 20% de la population a un handicap, ne pas faire en sorte que son site soit accessible à toutes ces personnes est une discrimination. Tous les mois, je partage avec vous des conseils d’accessibilité afin d’améliorer ensemble nos pratiques pour un web plus inclusif.
A quoi ça sert ?
Quand on écrit des articles ou des contenus de pages, il arrive souvent qu’on cite des personnes, des oeuvres, des recherches. Pour les personnes utilisant les lecteurs d’écran, une citation encadrée par des guillemets ne suffira pas à donner le contexte suffisant. Il va falloir pour rendre vraiment ces citations accessibles utiliser des balises HTML dédiées.
La règle
La règle 9.4 du RGAA (Référentiel Général d’Amélioration de l’Accessibilité) donne les règles différentes pour chaque type de citation :
- Pour les citations courtes, il faudra utiliser la balise <q>.
- Pour les citations longues, il faudra utiliser la balise <blockquote>
Par exemple, Jane Austen a dit :
Ce sont peut-être nos imperfections qui nous rendent si parfaits les uns pour les autres.
Et voici une citation longue d’un de mes films préférés :
You told me you wanted me to change the world, make it better. But you meant by becoming a lawyer or an economist and marrying someone from Harvard. I’m not proud of myself, but I’m in this family too and you can’t keep giving me the silent treatment. There are a lot of things about me that aren’t what you thought. But if you love me, you have to love all the things about me, and I love you and I’m sorry I let you down. I’m so sorry, Daddy. But you let me down too.
Comme vous pouvez le voir, les rendus visuels sont différents, mais ça ça n’a pas tellement d’importance, il me suffirait d’un peu de CSS pour harmoniser la mise en page si je le souhaitais. Ce qui est important c’est le fait que les personnes qui utilisent des lecteurs d’écran seront averties de la présence de citations !
Pour aller plus loin
Si vraiment vous faites souvent des citations, je conseille d’aller voir un peu comment on peut utiliser les balises dans la docs (sur MDN par exemple ?).
