10.2. Ensure that the content can be read when images are turned off

When images are turned off, the page content should remain visible and readable. No information must be lost and there must be sufficient contrast between the foreground and background.

In other words, all the content must be visible and readable:

  • Even when CSS images are turned off for the page.
  • Even when HTML images are replaced with their alt attributes.

Tip

Whenever text is placed over a background image, make sure to provide an alternative background color that will ensure text readability in the absence of the background image.

background: black url(../images/dark-background.png) repeat-x;

This replacement color can be inherited from a parent.

Warning

Special attention must be paid to the readability of text alternatives for images embedded in the HTML when images are turned off.

Comments

Add a comment

All fields are mandatory.

Back to top