DIV BACKGROUND-IMAGE in the STYLE element

This is an outdated draft.

Current information is linked from the WAI website: w3.org/WAI

Information about images is in the Images Tutorial.

On this page: Test 1 | References | About these tests

Nearby: More HTML 4.01 Tests | UAAG 1.0 Test Suite

UAAG 1.0 Requirement

Checkpoint 3.1 Toggle background images (Priority 1 ): Provision 1 : Allow configuration not to render background image content.

Test 1 :

Procedure

Toggle background images to not be displayed.
Reload the page and determine if background images in the DIV element are rendered.

Run test

Example of a DIV element with a background image:

Expected results

When background images are not rendered, user agents should render a solid background color instead.
If background images are turned off, the user agent may make available to the user associated conditional content.

Source code

<div style="background-image: url(../images/test-background.gif); height: 200px; width: 400px; border: 1px solid black;">Example of a DIV element with a background image:</div>
<div style="background-image: url(../images/test-background.gif); height: 200px; width: 400px; border: 1px solid black;"> </div>

References

About this test suite

This test is part of a test suite for the User Agent Accessibility Guidelines (UAAG) 1.0 . This work is conducted by the User Agent Accessibility Guidelines Working Group , which is part of W3C's Web Accessibility Initiative (WAI) . Please send comments on this test to w3c-wai-ua@w3.org ( public archive ).

Test created by:

Colin Koteles

Last modified: $Date: 2020/11/04 18:27:30 $ by $Author: shawn $