Description

The objective of this technique is to provide a mechanism to add purely
decorative images and images used for visual formatting to Web content
without requiring additional markup within the content. This makes it
possible for assistive technologies to ignore the non-text content. Some
user agents can ignore or turn off CSS at the user's request, so that
background images included with CSS simply "disappear" and do not interfere
with display settings such as enlarged fonts or high contrast settings.

Background images can be included with the following CSS properties:

background,

background-image,

content, combined with the :before and
:after pseudo-elements,

list-style-image.

Note: This technique is not appropriate for any image that conveys
information or provides functionality, or for any image primarily intended
to create a specific sensory experience.

Examples

Example 1: Background image for an HTML page

The stylesheet for a Web page specifies a background image for the
whole page.

Tests

Procedure

Check for the presence of decorative images

Check that they are included with CSS

Expected Results

If #1 is true, then #2 is true.

If this is a sufficient technique for a success criterion, failing this test procedure does not necessarily mean that the success criterion has not been satisfied in some other way, only that this technique has not been successfully implemented and can not be used to claim conformance.