W3CWeb Accessibility Initiative Home

Outline View of Headings

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 10.4 Provide outline view (Priority 2 )
Provision 1 : Make available to the user an "outline" view of rendered content, composed of labels for important structural elements (e.g., heading text, table titles, form titles, and other labels that are part of the content).

Test 1 :

Procedure

  1. The user agent should respond to a user query for an outline view in a separate viewport.

Run test

Heading Level 1 - 1

Heading Level 2 - 1

Non-heading text

Heading Level 3 - 1.1

Non-heading text

Heading Level 3 - 1.2

Non-heading text

Heading Level 4 - 1

Non-heading text

Heading Level 5 - 1

Non-heading text

Heading Level 6 - 1

Non-heading text

Heading Level 1 - 2

Heading Level 2 - 2

Non-heading text

Heading Level 3 - 2.1

Non-heading text

Heading Level 3 - 2.2

Non-heading text

Heading Level 1 - 3

Heading Level 2 - 3

Non-heading text

Expected results

  1. The user agents provides an outline view of the HEADING elements on this page.

Source code

<h1 class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Heading Level 1 - 1</h1>
<h2 class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Heading Level 2 - 1</h2>
<p class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Non-heading text</p>
<h3 class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Heading Level 3 - 1.1</h3>
<p class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Non-heading text</p>
<h3 class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Heading Level 3 - 1.2</h3>
<p class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Non-heading text</p>
<h4 class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Heading Level 4 - 1</h4>
<p class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Non-heading text</p>
<h5 class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Heading Level 5 - 1</h5>
<p class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Non-heading text</p>
<h6 class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Heading Level 6 - 1</h6>
<p class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Non-heading text</p>
<h1 class="test-code" class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Heading Level 1 - 2</h1>
<h2 class="test-code" class="test-code" class="test-code" class="test-code" class="test-code">Heading Level 2 - 2</h2>
<p class="test-code" class="test-code" class="test-code" class="test-code">Non-heading text</p>
<h3 class="test-code" class="test-code" class="test-code" class="test-code">Heading Level 3 - 2.1</h3>
<p class="test-code" class="test-code" class="test-code">Non-heading text</p>
<h3 class="test-code" class="test-code" class="test-code">Heading Level 3 - 2.2</h3>
<p class="test-code" class="test-code">Non-heading text</p>
<h1 class="test-code" class="test-code">Heading Level 1 - 3</h1>
<h2 class="test-code">Heading Level 2 - 3</h2>
<p>Non-heading text</p>

References

  1. HTML 4.01 specification for H*

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:

Last modified: $Date: 2003/04/02 23:46:53 $ by $Author: jongund $