Faux gras, faux italique et fausses colonnes : quels problèmes pour l’accessibilité ?

Quels problèmes d’accessibilité posent les caractères mis en forme avec du faux gras ou d’autres effets visuels ?

L’usage des caractères fantaisistes à des fins de mise en forme peut provoquer une perte d’information pour les personnes handicapées, comme les émojis et les images (celles-ci feront l’objet du prochain article de notre série Réseaux sociaux et accessibilité).

Certains générateurs de texte en ligne, comme les très inaccessibles FancyFonts, Gothic Text Generator et autres horreurs, permettent de modifier le style de police de caractères, la graisse ou le style d’un texte.

En effet, les lecteurs d’écran vont retranscrire ces caractères qui ne sont pas de vraies lettres ni de vrais chiffres comme des symboles mathématiques, ou bien ils vont tout simplement les ignorer.

Autrement dit, ce que les personnes aveugles ou très malvoyantes vont entendre, ça ne sera pas des mots, mais… du charabia. Elles ne seront donc pas au même niveau d’information que les autres, ce qui constitue un problème grave d’accessibilité.

Mais les dégâts sur l’accessibilité ne s’arrêtent pas là : utiliser ce type de caractères Unicode va aussi rendre la lecture plus complexe pour les personnes dyslexiques, notamment.

Exemple

Prenons un exemple concret avec une publication LinkedIn dans laquelle une partie des mots est composée avec de fâcheux caractères Unicode pour créer un effet de style gras ou italique : c’est ce que l’on appelle du « faux gras » et du « faux italique ».

Vous allez comprendre dans un instant pourquoi ce texte en faux gras ou italique provoque une perte d’information pour les personnes qui utilisent un lecteur d’écran. (Au passage, portez attention à la restitution des émojis en milieu de phrase. Pour en savoir plus, ne manquez pas notre article dédié aux émojis accessibles.)

Pour les personnes qui perçoivent les émojis et en comprennent le sens, voici le message initial :

« Le 5 octobre nous organisons une soirée dédiée à la gestion des ressources humaines : (URL du lien)

Au programme une conférence thématique RH et un diner carrousel afin de favoriser la rencontre entre les dirigeantes/fonctions RH

Avec une intervention exceptionnelle de (emoji : micro de studio) (nom de la personne) (deux emojis : oeil) conférencier sur la communication non verbale et synergologue.

Vous ne pourrez plus dire que vous n’étiez pas prévenu (emoji : visage clin d’oeil) »

Dans cette publication LinkedIn, des caractères Unicode sont utilisés sur les mots « ressources humaines », ce qui crée un effet « faux gras », et sur le passage « une conférence thématique RH et un diner carrousel afin de favoriser la rencontre entre les dirigeantes/fonctions RH », ce qui crée un effet « faux italique ».

Découvrons maintenant ce que la synthèse vocale du lecteur d’écran VoiceOver en dit :

« Le 5 octobre nous organisons une soirée dédiée à la gestion des lien (URL du lien)

Au programme barre oblique

Avec une intervention exceptionnelle de micro de studio (nom de la personne) deux oeils conférencier sur la communication non verbale et synergologue.

Vous ne pourrez plus dire que vous n’étiez pas prévenu visage clignant d’un œil »

Le problème, c’est que VoiceOver ne retranscrit pas les informations centrales, « ressources humaines » et « une conférence thématique RH et un diner carrousel afin de favoriser la rencontre entre les dirigeantes/fonctions RH ».

Pourquoi ? Parce que cette partie du texte a été composée avec des caractères Unicode qui ressemblent à des lettres en gras ou en italique, mais n’en sont pas. VoiceOver les ignore donc.

Cet exemple permet de comprendre à quel point l’utilisation d’un texte ou d’une partie de texte « mis en forme » avec des générateurs de polices en ligne nuit à l’accessibilité.

Il faut utiliser d’autres techniques rédactionnelles pour mettre en valeur vos contenus. Par exemple :

• utiliser des émojis de manière accessible, comme nous l’avons déjà vu ;
• renoncer à inclure du faux gras, du faux italique ou tout autre style de texte factice dans vos publications sur les réseaux sociaux, au risque d’en exclure les personnes handicapées en toute connaissance de cause.

Les fausses colonnes, une autre mise en forme inaccessible

Créer des colonnes artificielles en utilisant les espaces et les sauts de lignes est une autre fausse bonne idée.

En effet, si l’ordre de lecture semble respecté visuellement, il ne sera pas logique lorsque le texte sera lu par un lecteur d’écran : celui-ci lisant les contenus ligne par ligne, dans l’ordre d’apparition du texte dans le code source de la page.

Exemple

Prenons l’exemple suivant :

La personne ayant rédigé ce tweet a voulu présenter visuellement le texte en colonnes pour dire :

1. dans la colonne de gauche : how it started ;
2. dans la colonne du milieu : vs. ;
3. dans la colonne de droite : how it’s going.

Elle a donc composé son texte sur trois lignes, comme ceci :

1. ligne 1 : how it how it’s ;
2. ligne 2 : vs. ;
3. ligne 3 : started going.

C’est l’empilement des trois lignes qui donne visuellement l’impression que le texte est contenu dans des colonnes.

Le problème, c’est qu’un lecteur d’écran ne lit pas « how it started vs how it’s going, full video in thread » suivi d’un émoji « index pointant vers le bas » comme il aurait fallu pour que ce soit compréhensible par des personnes déficientes visuelles.

Non, le lecteur d’écran lit : « how it how it’s vs started going full video in thread backhand index pointing down ». Cela ne veut rien dire !

L’utilisation de fausses colonnes rend donc tout texte incompréhensible, car l’ordre de lecture n’a pas été respecté lors de la rédaction du tweet.

Il n’existe pas de solution pour rendre accessibles de fausses colonnes. Il faut donc renoncer à créer de fausses colonnes en utilisant des espaces et en modifiant l’ordre des mots pour créer un effet seulement visuel, qui exclura de fait les personnes aveugles ou malvoyantes.

Conclusion

L’usage des caractères Unicode mis en forme via des générateurs en ligne, et la création de fausses colonnes de texte sont deux très mauvaises pratiques pour l’accessibilité.

D’autant qu’à ce jour, aucun réseau social ne prévoit de fonctionnalité accessible permettant de modifier la police de caractère ou le style d’un texte, ou bien de créer des colonnes ou augmenter les espacements entre les lignes.

Il faut donc bannir l’usage des caractères Unicode de type « faux gras » et « faux italique », ainsi que le recours aux fausses colonnes !

Si vous disposez d’un guide de contribution sur les réseaux sociaux, vous pouvez ajouter cette règle importante à la liste des pratiques à proscrire.

N’hésitez pas non plus à sensibiliser vos collègues et/ou vos équipes à propos de ces pratiques nocives pour l’accessibilité de vos posts, tweets, toots et autres pouets.

Pour compléter vos connaissances sur ce sujet, nous vous recommandons avec enthousiasme la lecture d’un article écrit par notre consœur Julie Moynat : Faux gras, caractères fantaisistes, abus d’émojis : le détournement des caractères Unicode, fléau pour l’accessibilité du web. Vous y trouverez des exemples supplémentaires.

Dans le prochain article de notre série « Réseaux sociaux et accessibilité », vous apprendrez à publier des images de manière accessible sur les réseaux sociaux. À la semaine prochaine !