Picto thématique

Règle n° 182 - Les textes pouvant être mis en forme via des styles ne sont pas remplacés par des images.

Un très beau texte dans une belle police, c’est maintenant possible sur le Web. Il est donc temps d’abandonner la plupart des images reproduisant du texte.

#Présentation #Éditorial #SEO

Objectif

  • Faciliter l’adaptation du rendu au media (mobile ou autre) ou aux besoins de l’utilisateur (agrandissement de la taille des caractères, modification des couleurs, de la police, de la graisse, de la justification, etc.).
  • Améliorer l’accessibilité des contenus aux personnes handicapées.
  • Améliorer la prise en compte des contenus par les moteurs de recherche et outils d’indexation.

Mise en œuvre

Utiliser des textes HTML mis en forme à l’aide des styles CSS (et en particulier les polices de caractères téléchargeables, ou Web fonts).

Contrôle

Cette vérification nécessite l’examen visuel des pages pour identifier les images ne contenant que du texte et évaluer si une mise en forme via CSS aurait permis d’obtenir un rendu équivalent. Pour chaque page contenant des textes mis en images :

  • Passer en revue les images (images HTML et éventuelles images d’arrière-plan CSS utilisées pour simuler un contenu éditorial dans un élément vide).
  • Vérifier que les textes mis en image correspondent uniquement à des mises en forme ne pouvant être obtenues via les styles CSS.

Sont exclus de cette exigence : les logos, les bannières publicitaires et les éléments graphiques de promotion. 

Auteur Opquast - Consulter la licence