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.

#Accessibility #Eco-conception #SEO #Presentation #Development #Editoral

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


Discover Opquast training and certification

The objective of these rules and the Opquast community mission is ‘making the web better’ for your customers and for everyone! Opquast rules cover the key major areas of risk that can negatively affect website users such as privacy, ecodesign, accessibility and security.

Opquast training has already allowed over 14,500 web professionals to have their skills certified. Train your teams or your students, contact us