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. Voir aussi le critère 1.8 sur accessibilite.numerique.gouv.fr.

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
  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-ARIA role="img") ;
  2. 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.
  3. 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
  1. Retrouver dans le document les boutons “images texte” (élément <input> avec l’attribut type="image") ;
  2. 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.
  3. 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
  1. Retrouver dans le document les images texte objet (élément <object> avec l’attribut type="image/…") ;
  2. 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.
  3. 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
  1. Retrouver dans le document les images texte embarquées (élément <embed> avec l’attribut type="image/…") ;
  2. 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.
  3. 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
  1. Retrouver dans le document les images texte bitmap (élément <canvas>) ;
  2. 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.
  3. 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
  1. 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> ;
  2. 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.
  3. 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.

Références WCAG 2.1

Techniques WCAG : G136, G140, C22, C30

Ce que l’audit automatique peut détecter

Aucune règle d’axe-core 4.14.0 ne vérifie directement ce critère : vérification humaine indispensable, en suivant la méthodologie de chaque test.

Source : RGAA 4.1.2 (WCAG 2.1), © DINUM, publié dans le dépôt DISIC/accessibilite.numerique.gouv.fr (commit ca4019f), sous Licence Ouverte 2.0. Texte officiel reproduit sans modification de contenu ; certains attributs de mise en forme (liens ouverts dans une nouvelle fenêtre, lien mort) sont retirés. Seuls les encadrés « Explication Rampe — non normative » sont rédigés par Rampe.