Picto thématique

Rule n° 182 - Texts that can be formatted via styles are not replaced by images.

A beautiful text in a beautiful font, it is now possible on the Web. It is time to abandon most images reproducing the text.

#Presentation #Editorial #SEO

Goal

  • Facilitate the rendering’s adaptation to the medium (mobile or other) or to the user’s needs (increasing the characters’ size, changing the colors, the font, the bolding, the alignment, etc.).
  • Improve the way content is taken into account by search engines and indexing tools.
  • Improve the accessibility of content for people with disabilities.

Implementation

Use HTML texts formatted using CSS styles (and in particular downloadable fonts, or Web fonts).

Control

This check requires visual examination of the pages to identify images containing only text, and to assess whether formatting using CSS would have resulted in an equivalent rendering. For each page containing text in images:

  • Review the images (HTML images and any CSS background images used to simulate editorial content in an empty element).
  • Check that the text placed in images is only for formatting that cannot be achieved through CSS styles.

Logos, banner ads and promotional graphics are excluded from this requirement.

By Opquast - Read the license