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).
Procedure
- 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
- 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>
-
HTML 4.01 specification for H*
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 $
Copyright
© 1999 - 2003
W3C®
(
MIT
,
INRIA
,
Keio
), All Rights Reserved. W3C
liability
,
trademark
,
document use
and
software licensing
rules apply.