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) ?

Comprendre

Un texte affiché sous forme d’image doit être remplacé par du texte stylé, sauf cas particuliers comme un logo.

Ce critère s’applique lorsque la page contient : images, images vectorielles, images bitmap (canvas).

Ce que vérifie Agence RGAA

Aucun contrôle automatique fiable aujourd’hui : ce critère est vérifié par une personne (en interne ou par un auditeur RGAA).

Un résultat automatique n’est jamais un audit : seul un contrôle humain (en interne ou par un auditeur RGAA) permet de conclure.

Tests officiels

1. 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 de test

   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é.

2. 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 de test

   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é.

3. 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 de test

   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é.

4. 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 de test

   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é.

5. 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 de test

   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é.

6. 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 de test

   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é.

Texte officiel du référentiel RGAA 4.1.2 publié par la DINUM — voir la source.