Qualebook

Qualebook

Use text instead of images for content that can be styled via CSS

The wide availability of screen-optimized web fonts allows for high-quality typography without needing to use images to display text content.

Objectives

  • Improve content adaptability across different devices and accommodate user preferences, such as adjusting font size, colors, typeface, weight, and justification.
  • Enhance accessibility for users with disabilities.
  • Improve content searchability within reading tool search engines.

Implementation

  • Use HTML text formatted with CSS, utilizing downloadable web fonts where necessary.

Control

  • Visually inspect the content to identify images that consist solely of text. For each occurrence, determine if the desired visual effect could be achieved using CSS. Check both HTML images and CSS background images (e.g., text on parchment textures). Ensure that text-as-image is used only for formatting that cannot be replicated with CSS. Note: Logos and promotional graphics are exempt from this rule.

Validation

  • Needs to be verified by a human.