Écrire accessible

Les utilisateurs qui visitent votre page doivent comprendre le contenu proposé. Pour cela, certaines règles d'écriture pauvent être appliquées. Le contenu sera alors lisible et compréhensible par le plus grand nombre de lecteurs.

Abréviations, sigles, acronymes, numéronymes

Définitions

Abréviation: Une abréviation est le raccourcissement d'un mot ou d'un groupe de mots. Exemple : « nb » pour « nombre », « bd » pour « boulevard », « mme » pour « madame »...
Sigle: Un sigle est une suite des initiales de plusieurs mots employée comme abréviation ; chaque lettre étant prononcée indépendemment l'une de l'autre - Exemple : « ESS » pour « Économie Sociale et Solidaire », « RGPD » pour « Règlement Général sur la Protection des Données »...
Acronyme: Un acronyme est un sigle (un sigle est une suite des initiales de plusieurs mots employée comme abréviation - exemple : « ESS » pour « économie sociale et solidaire ») qui se prononce comme un mot ordinaire. Exemple : « ovni » pour « Objet Volant Non Identifié », « faq » pour « Foire Aux Questions »...
Numéronymes: Un numéronyme est un mot où des chiffres sont utilisés pour créer une abréviation. Exemple : « a11y » pour « accessibility », « i18n » pour « internationalisation »...

Bonnes pratiques

Lorsque l’abréviation, le sigle, l’acronyme ou le numéronyme se rencontre pour la première fois dans le texte, une bonne pratique consiste à la présenter sous sa forme développée et sous sa forme réduite.
Exemple :
Le HTML (HyperText Markup Language) est le langage du web.

Ensuite, sa forme réduite pourra être utilisée dans la suite de la page. On pourra recourir à l’élément HTML abbr pour rappeler sa signification.
Exemple :

<abbr title="Règlement Général sur la Protection des Données">RGPD</abbr>

Faciliter la lecture du texte

Afin de faciliter la lecture aux personnes dyslexiques qui représentent environ 5% de la population française :

on évitera d’écrire avec du texte justifé afin que le lecteur dyslexique ne perde pas visuellement son emplacement de lecture ;
on évitera d’écrire en noir pur (code hexadécimal #000000) sur du blanc pur (code hexadécimal #FFFFFF), ou inversement, afin d’éviter une effet « tourbillon » ;
on évitera d’écrire de grand bloc de texte en italique car l’italique augmente la pixellisation du texte et donc sa difficulté de reconnaissance ;
on évitera d’écrire du texte tout en majuscules ; cette forme d’écriture sera réservée aux titres, sigles…

Afin de faciliter la lecture aux personnes ayant des défauts visuels tels que les astigmates, les daltoniens et les personnes âgées qui ne perçoivent pas bien les contrastes de couleurs ou certaines couleurs :

on veillera à proposer un taux de contraste entre le premier plan et l’arrière plan de minimum 4.5 pour 1 ;
on évitera d’utiliser des couleurs complémentaires entre le premier plan et l’arrière plan.

Mettre en forme le texte

Le seul critère concernant la mise en forme du texte porte sur l’espacement du texte. Pour autant, prendre en compte les éléments suivants améliorera la lecture et le compréhension du contenu que vous proposerez :

Taille de police : du fait de la multitude de tailles d’écran et de types d’appareils sur lesquels l’utilisateur affiche une page web (écran d’ordinateur de bureau, écran d’ordinateur portable, smartphone, tablette), la taille de base de la police de caractère sur le web est de 16px, soit 1em ;
Longueur de la ligne : la longueur de ligne la plus favorable à la lecture est comprise entre 5 et 80 caractères ;
Longueur d’un paragraphe : la longueur d’un paragraphe sera déterminé selon le principe suivant : « une paragraphe pour une idée » ;
Espacement des lignes : l’espacement entre les lignes sera fixé à 1,5 fois la taille de la police utilisée pour écrire la ligne. On déclarera donc dans sa feuille de style CSS line-height: 1.5.