Skip to content

Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →

Barrierefreiheit

Pourquoi le texte vrai sur les sites web est-il préférable au texte dans l'image ?

Le texte vrai est mieux que le texte dans une image, car il peut tout faire ce qu'une image ne peut pas : les lecteurs d'écran le lisent à haute voix, les visiteurs le grossissent sans perte, Google le fouille, et les fonctions de traduction le transfèrent dans d'autres langues. Une offre photographiée avec des horaires d'ouverture est invisible à tous ces chemins.

Le texte dans l'image est du texte muet

Le classique : le département graphique crée une belle bannière d'action — prix, période et conditions sont inscrits comme texte dans l'image. Pour les visiteurs voyants, c'est joli. Pour tous les autres systèmes, c'est une impasse : le lecteur d'écran d'un visiteur aveugle ne peut pas transformer les pixels en parole, lors du zoom les lettres deviennent pixelisées et floues, Google ne trouve ni le prix ni l'action, et la traduction automatique en anglais échoue complètement. S'ajoute le travail de maintenance : chaque changement de prix exige un graphiste. La règle permet des exceptions où la forme graphique est essentielle — votre logo peut bien sûr rester une image.

Comment notre vérification traite les images contenant du texte

Détecter du texte dans une image n'est possible qu'en considérant l'image elle-même — une machine devrait lire chaque image comme un humain, puis juger si la forme graphique est essentielle ou si le texte pourrait tout aussi bien être du vrai texte. Cette évaluation est une tâche humaine. Notre noyau de mesure ne prétend rien qu'il ne peut pas mesurer : le critère apparaît dans le rapport comme un point de vérification humain. Au standard or, un vérificateur consulte les images de votre site et marque les bannières, les boutons et les graphiques dont le contenu textuel doit être implémenté comme vrai texte — avec une recommandation comment préserver le design.

Beispiele

Überschrift als Grafik

Verstoß
<img src="ueberschrift-angebote.png" alt="Unsere Angebote">
Erfüllt
<h2 class="marke">Unsere Angebote</h2>
<style>.marke { font-family: "Hausschrift", sans-serif; }</style>

Echter Text lässt sich vergrößern, umfärben, übersetzen und durchsuchen. Die Hausschrift kommt als Webschrift.

  • Cherchez sur votre site des bannières et des vignettes dans lesquelles les prix, les dates ou les numéros de téléphone se trouvent comme image — ce sont précisément ces contenus à convertir en premier.
  • Demandez à votre agence de séparer la mise en forme du texte : image de fond comme image, texte comme texte vrai par-dessus.
  • Marquez le texte sur votre site avec la souris — ce qui ne se laisse pas marquer est une image et doit figurer sur votre liste de contrôle.
  • Conservez votre logo comme image avec un bon texte alternatif — cela justifie l'exception pour la forme graphique.
  • Pensez au bénéfice secondaire : chaque texte converti devient visible pour Google et renforce votre facilité de découverte.

Deutsche Fassung dieser Seite