Dernière mise à jour : 31 mars 2026
Principes d’accessibilité qui s’appliquent à l’ensemble des éléments d’une page.
Indiquer la langue de la page ou d’un extrait
Un lecteur d’écran doit connaître la langue d’une page pour bien lire son contenu. Pour y arriver, il faut définir la langue principale dans laquelle est rédigé le texte en ajoutant l’attribut lang dans la balise <html> de la page.
- lang="fr" pour les pages en français
- lang="en" pour les pages en anglais
Si un extrait de texte ou un élément complet d’une page est dans une autre langue, il faut l’indiquer aux lecteurs d’écran de manière appropriée.
- Pour un extrait, il faut ajouter l'attribut lang approprié en englobant uniquement le bout de texte souhaité et en indiquant la langue dans laquelle il est rédigé. Par exemple, <p>En tant que <span lang="en">snowbird</span>, bénéficiez de tarifs spéciaux.</p>.
- Pour un élément complet d’une page, il faut ajouter l’attribut lang approprié dans la balise de cette portion de page. Par exemple, <a href="/english/index.html" lang="en">English version</a>.
Créer un titre unique pour chaque page
Chaque page Web doit avoir un titre clair et unique qui décrit bien son contenu ou son objectif. Il est généralement composé d’un H1, qui apparait visuellement dans la page, en plus d’être indiqué dans la balise <title>, à l’intérieur de la balise <head> du code.
Permettre le redimensionnement de la page
Les pages doivent pouvoir être agrandies jusqu’à 200 %, y compris sur mobile.
Il ne faut rien mettre en place pour bloquer cette fonctionnalité. Par exemple, une balise <meta name="viewport">, qui contient une valeur maximum-scale inférieure à 2 ou user-scalable=false. Si ces valeurs sont présentes, il faut les retirer pour permettre aux utilisateurs d’agrandir le contenu selon leurs besoins.
Adapter le contenu à toutes les tailles d’écran
Le contenu d’une page doit se redistribuer correctement lorsque la taille de l’écran change, par exemple en passant d’un format « bureau » à un format « mobile ». Pour y arriver, il faut concevoir des mises en page flexibles et éviter l’utilisation d’éléments fixes qui brisent la lecture sur petit écran.
Faciliter l’ajustement des espacements du texte
Les espacements des textes de chaque page doivent pouvoir être ajustés facilement par les utilisateurs et utilisatrices, sans nuire à la lecture. Cela inclut plusieurs types d’espaces comme :
- l’interlettrage ;
- l’interlignage ;
- l’espace après chaque paragraphe ;
- l’espace entre les mots.
Il faut donc concevoir des styles de texte flexibles qui conservent la lisibilité, même avec des espacements élargis.
Abréviations
Il vaut mieux écrire les mots au long pour éviter toute confusion. Si une abréviation doit être utilisée dans un titre ou dans le corps du texte, il faut préciser sa signification lors de sa première apparition. Par exemple : Gestion de la puissance (GDP).
Précision à propos de la balise <abbr>
L’utilisation de la balise <abbr> pour définir une abréviation est déconseillée, car elle n’est pas bien interprétée par les lecteurs d’écran. Elle limite aussi l’accès à la forme longue de l’abréviation pour les personnes naviguant au clavier.