This page uses the following code:
<h1 class="level_1">My Sample Page <h2 class="level_2">This <h3 class="level_3">Before <h4 class="level_4">Years Ago <h4 class="level_4">Last Week <h3 class="level_3">During <h3 class="level_3">After <h2 class="level_2">That <h3 class="level_3">The Problem <h3 class="level_3">The Solution <h2 class="level_2">The Other <h3 class="level_3">North America <h4 class="level_4">United States <h4 class="level_4">Canada <h4 class="level_4">Mexico <h3 class="level_3">Europe <h4 class="level_4">U.K. <h4 class="level_4">France <h4 class="level_4">Germany
Testing and Scoring Headings - Master Page
Draft Language from Silver:
- Normative Text: Use headings and sub-headings for your text. Headings — including titles and subtitles — organize words and images on a web page.
- Explanation
- Testing Responsibilities
- You must ensure that headings exist and are logical
- This must structure the content so users know what to expect in each section.
Current WCAG 2.x Success Criteria:
- Success Criterion 1.3.1 Information and Relationships (Level A)
- Success Criterion 2.4.1 Bypass Blocks (Level A)
- Success Criterion 2.4.6 Headings and Labels (Level AA)
This is the original master page. It is properly marked up with appropriate heading structure, and should "pass" at 100% conformant.
Usage without vision | Usage with limited vision | Usage without perception of colour | Usage with limited hearing | Usage without vocal capability | Usage with limited manipulation or strength | Usage with limited reach | Minimize photosensitive seizures | Usage with limited cognition | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Control Page | Headings Defined: | yes | Headings Defined: | yes | Headings Defined: | yes | Headings Defined: | yes | Headings Defined: | yes | Headings Defined: | yes | Headings Defined: | yes | Headings Defined: | yes | Headings Defined: | yes |
Navigate Blocks: | yes | Navigate Blocks: | yes | Navigate Blocks: | yes | Navigate Blocks: | yes | Navigate Blocks: | yes | Navigate Blocks: | yes | Navigate Blocks: | yes | Navigate Blocks: | yes | Navigate Blocks: | yes | |
Programmatic Hierarchical Structure: | yes | Programmatic Hierarchical Structure: | yes | Programmatic Hierarchical Structure: | yes | Programmatic Hierarchical Structure: | yes | Programmatic Hierarchical Structure: | yes | Programmatic Hierarchical Structure: | yes | Programmatic Hierarchical Structure: | yes | Programmatic Hierarchical Structure: | yes | Programmatic Hierarchical Structure: | yes | |
Visual Structure: | yes | Visual Structure: | yes | Visual Structure: | yes | Visual Structure: | yes | Visual Structure: | yes | Visual Structure: | yes | Visual Structure: | yes | Visual Structure: | yes | Visual Structure: | yes |
This
Level two content goes here
Sed et elementum leo. Proin vulputate molestie nisl id auctor. Suspendisse id consectetur massa. Nullam scelerisque varius viverra. Mauris ultricies ipsum bibendum, tincidunt elit vel, aliquet risus. Sed sapien nisi, congue eu nulla sit amet, molestie finibus eros. Nam nibh lorem, aliquam eu interdum vitae, eleifend eu turpis. Proin et enim erat. Sed sit amet scelerisque nulla. Aliquam bibendum convallis justo in lacinia.
Before
In eget lorem accumsan, consectetur arcu in, placerat nunc. Vivamus nunc arcu, dapibus non volutpat eget, gravida in mauris. Maecenas facilisis nisi ut congue volutpat.
Four Years Ago
Morbi ultrices, mauris eget iaculis posuere, libero velit ullamcorper lectus, at sagittis diam quam non dui. Mauris maximus quis ipsum sed laoreet. In ante purus, fermentum sed sapien non, lacinia bibendum nisl. Suspendisse sit amet libero et libero elementum tempor ut quis ex.
Last Week
Morbi ultrices, mauris eget iaculis posuere, libero velit ullamcorper lectus, at sagittis diam quam non dui. Mauris maximus quis ipsum sed laoreet. In ante purus, fermentum sed sapien non, lacinia bibendum nisl. Suspendisse sit amet libero et libero elementum tempor ut quis ex.
During
In eget lorem accumsan, consectetur arcu in, placerat nunc. Vivamus nunc arcu, dapibus non volutpat eget, gravida in mauris. Maecenas facilisis nisi ut congue volutpat.
After
In eget lorem accumsan, consectetur arcu in, placerat nunc. Vivamus nunc arcu, dapibus non volutpat eget, gravida in mauris. Maecenas facilisis nisi ut congue volutpat.
That
The Problem
In eget lorem accumsan, consectetur arcu in, placerat nunc. Vivamus nunc arcu, dapibus non volutpat eget, gravida in mauris. Maecenas facilisis nisi ut congue volutpat.
The Solution
In eget lorem accumsan, consectetur arcu in, placerat nunc. Vivamus nunc arcu, dapibus non volutpat eget, gravida in mauris. Maecenas facilisis nisi ut congue volutpat.
The Other
North America
In eget lorem accumsan, consectetur arcu in, placerat nunc. Vivamus nunc arcu, dapibus non volutpat eget, gravida in mauris. Maecenas facilisis nisi ut congue volutpat.
United States
Morbi ultrices, mauris eget iaculis posuere, libero velit ullamcorper lectus, at sagittis diam quam non dui. Mauris maximus quis ipsum sed laoreet. In ante purus, fermentum sed sapien non, lacinia bibendum nisl. Suspendisse sit amet libero et libero elementum tempor ut quis ex.
Canada
Morbi ultrices, mauris eget iaculis posuere, libero velit ullamcorper lectus, at sagittis diam quam non dui. Mauris maximus quis ipsum sed laoreet. In ante purus, fermentum sed sapien non, lacinia bibendum nisl. Suspendisse sit amet libero et libero elementum tempor ut quis ex.
Mexico
Morbi ultrices, mauris eget iaculis posuere, libero velit ullamcorper lectus, at sagittis diam quam non dui. Mauris maximus quis ipsum sed laoreet. In ante purus, fermentum sed sapien non, lacinia bibendum nisl. Suspendisse sit amet libero et libero elementum tempor ut quis ex.
Europe
In eget lorem accumsan, consectetur arcu in, placerat nunc. Vivamus nunc arcu, dapibus non volutpat eget, gravida in mauris. Maecenas facilisis nisi ut congue volutpat.
U.K.
Morbi ultrices, mauris eget iaculis posuere, libero velit ullamcorper lectus, at sagittis diam quam non dui. Mauris maximus quis ipsum sed laoreet. In ante purus, fermentum sed sapien non, lacinia bibendum nisl. Suspendisse sit amet libero et libero elementum tempor ut quis ex.
France
Morbi ultrices, mauris eget iaculis posuere, libero velit ullamcorper lectus, at sagittis diam quam non dui. Mauris maximus quis ipsum sed laoreet. In ante purus, fermentum sed sapien non, lacinia bibendum nisl. Suspendisse sit amet libero et libero elementum tempor ut quis ex.
Germany
Morbi ultrices, mauris eget iaculis posuere, libero velit ullamcorper lectus, at sagittis diam quam non dui. Mauris maximus quis ipsum sed laoreet. In ante purus, fermentum sed sapien non, lacinia bibendum nisl. Suspendisse sit amet libero et libero elementum tempor ut quis ex.