RGAA 4.1.2 · THÉMATIQUE 1 · IMAGES
Critère 1.8 : Chaque image texte porteuse d’information, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?
Texte officiel du RGAA 4.1.2 (DINUM), mis en page par Claren · Mis à jour le
Ce critère appartient à la thématique « Images » du RGAA 4.1.2. Il se vérifie par 6 tests.
Le critère
Chaque image texte porteuse d’information, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?
Les tests
Test 1.8.1
Chaque image texte (balise <img> ou possédant un attribut WAI-ARIA role="img") porteuse d’information, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?
Méthodologie du test 1.8.1
- Retrouver dans le document les images texte structurées au moyen d’un élément
<img>(ou d’un élément possédant l’attribut WAI-ARIArole="img") ; - Pour chaque image, vérifier que :
- Soit il existe un mécanisme de remplacement ;
- Soit l’image contient un texte qui fait appel à un effet graphique qui ne peut pas être reproduit en CSS.
- Si c’est le cas pour chaque image, le test est validé.
Test 1.8.2
Chaque bouton « image texte » (balise <input> avec l’attribut type="image") porteur d’information, en l’absence d’un mécanisme de remplacement, doit si possible être remplacé par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?
Méthodologie du test 1.8.2
- Retrouver dans le document les boutons “images texte” (élément
<input>avec l’attributtype="image") ; - Pour chaque image, vérifier que :
- Soit il existe un mécanisme de remplacement ;
- Soit l’image contient un texte qui fait appel à un effet graphique qui ne peut pas être reproduit en CSS.
- Si c’est le cas pour chaque image, le test est validé.
Test 1.8.3
Chaque image texte objet (balise <object> avec l’attribut type="image/…") porteuse d’information, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?
Méthodologie du test 1.8.3
- Retrouver dans le document les images texte objet (élément
<object>avec l’attributtype="image/…") ; - Pour chaque image, vérifier que :
- Soit il existe un mécanisme de remplacement ;
- Soit l’image contient un texte qui fait appel à un effet graphique qui ne peut pas être reproduit en CSS.
- Si c’est le cas pour chaque image, le test est validé.
Test 1.8.4
Chaque image texte embarquée (balise <embed> avec l’attribut type="image/…") porteuse d’information, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?
Méthodologie du test 1.8.4
- Retrouver dans le document les images texte embarquées (élément
<embed>avec l’attributtype="image/…") ; - Pour chaque image, vérifier que :
- Soit il existe un mécanisme de remplacement ;
- Soit l’image contient un texte qui fait appel à un effet graphique qui ne peut pas être reproduit en CSS.
- Si c’est le cas pour chaque image, le test est validé.
Test 1.8.5
Chaque image texte bitmap (balise <canvas>) porteuse d’information, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?
Méthodologie du test 1.8.5
- Retrouver dans le document les images texte bitmap (élément
<canvas>) ; - Pour chaque image, vérifier que :
- Soit il existe un mécanisme de remplacement ;
- Soit l’image contient un texte qui fait appel à un effet graphique qui ne peut pas être reproduit en CSS.
- Si c’est le cas pour chaque image, le test est validé.
Test 1.8.6
Chaque image texte SVG (balise <svg>) porteuse d’information et dont le texte n’est pas complètement structuré au moyen d’éléments <text>, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?
Méthodologie du test 1.8.6
- Retrouver dans le document les images texte vectorielle (élément
<svg>) porteuse d’information et dont le texte n’est pas complètement structuré au moyen d’éléments<text>; - Pour chaque image, vérifier que :
- Soit il existe un mécanisme de remplacement ;
- Soit l’image contient un texte qui fait appel à un effet graphique qui ne peut pas être reproduit en CSS.
- Si c’est le cas pour chaque image, le test est validé.
Cas particuliers
Pour ce critère, il existe une gestion de cas particulier lorsque le texte fait partie du logo, d’une dénomination commerciale, d’un CAPTCHA, d’une image-test ou d’une image dont l’exactitude graphique serait considérée comme essentielle à la bonne transmission de l’information véhiculée par l’image. Dans ces situations, le critère est non applicable pour ces éléments.
Notes techniques
Le texte dans les images vectorielles étant du texte réel, il n’est pas concerné par ce critère.
Correspondance WCAG
- WCAG 2.2, critère 1.4.5 : Images of Text
Ce qu’un contrôle automatique peut voir
Aucun contrôle automatique de Claren ne couvre ce critère : il se vérifie à la main.
Faire vérifier votre site
Un test automatique ne tranche qu’une partie des critères. Un audit RGAA les contrôle tous à la main, sur un échantillon de pages, et vous laisse un plan de correction.
Version officielle : critère 1.8 sur accessibilite.numerique.gouv.fr.
Textes du critère, des tests, de la méthodologie, des cas particuliers et des notes techniques : RGAA 4.1.2, DINUM, sous Licence Ouverte 2.0 (Etalab), repris tels quels. Intitulés des critères WCAG 2.2 : W3C, W3C Document License. Les liens des termes mènent au glossaire officiel du RGAA.