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
altattributes.
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.