Critères de succès

WCAG 1.4.5 Texte sous forme d'image

Le critère de succès 1.4.5 exige qu'une information transmise par une image de texte soit transmise par du véritable texte, sauf lorsqu'une présentation visuelle déterminée est essentielle - un logo, par exemple - ou lorsque l'image est réellement personnalisable de manière à satisfaire la même exigence. C'est un critère de niveau AA sous la règle 1.4 (Distinguable).

Pourquoi les images de texte posent problème

Une image contenant du texte - une bannière graphique dont le titre est incrusté dans le fichier, la capture d'écran d'un paragraphe - ne peut être ni redimensionnée, ni recolorée, ni changée de police par la personne ou le navigateur, à la différence du véritable texte. Une personne qui a besoin d'un texte plus grand, d'un autre contraste ou d'une autre police pour lire ne tire aucune de ces souplesses d'une image : le « texte » est figé exactement tel qu'il a été conçu, quels que soient ses besoins réels. Il ne peut pas non plus être sélectionné, copié, traduit par les outils du navigateur, ni restitué de façon fiable par un lecteur d'écran sans qu'une alternative textuelle distincte fasse tout le travail.

Les exceptions

Les logotypes : le logo effectif d'une marque, lorsque le rendu visuel précis du texte constitue réellement le contenu - un logotype textuel -, sont exemptés.

La présentation essentielle : les rares cas où l'apparence visuelle précise est essentielle à l'information elle-même et ne peut être obtenue avec du véritable texte mis en forme - la capture d'écran démontrant une anomalie de rendu dans une police donnée, par exemple.

Les images personnalisables : un système de génération d'images qui permet à la personne de choisir la police, la taille et les couleurs avant la production de l'image de texte satisfait tout de même le critère, puisque la souplesse qui importe ici existe au moment de la personnalisation.

Pourquoi cela se rencontre rarement en développement web moderne

Les capacités du CSS en matière de polices, de couleurs et de tailles ont rendu l'incrustation de texte dans une image largement inutile depuis longtemps : ce critère détecte surtout des pratiques héritées - anciennes bannières marketing exportées à plat depuis un outil de conception, conversions de PDF en images - plutôt que quoi que ce soit qu'une bibliothèque de composants moderne produirait par défaut. Lorsqu'il se présente, la correction est presque toujours simple : recréer la même conception visuelle avec du véritable texte HTML et du CSS plutôt qu'avec une image exportée.

Questions fréquentes

Qu'est-ce que le critère WCAG 1.4.5 ?

Un critère de niveau AA : ne pas recourir à des images de texte pour transmettre une information lorsque du véritable texte mis en forme permettrait d'obtenir le même résultat visuel.

Pourquoi éviter les images de texte ?

Elles ne s'agrandissent ni ne se redistribuent proprement, ne peuvent pas être remises en forme par les personnes qui ont besoin d'un texte plus grand ou plus contrasté, et ne sont pas restituées de façon fiable par les technologies d'assistance.

Qu'est-ce qui est exempté du critère 1.4.5 ?

Les logotypes - un texte faisant partie d'un logo ou d'une marque - et les cas où une présentation particulière du texte est essentielle, comme l'échantillon d'une police déterminée.