Check a Page
Simulation of numbered list
(Referring UWEM Test: 3.6_HTML_03)Test info
Failure cause
Found a simulated numbered list
The page contains sequences of paragraphs or line breaks starting with consecutive numbers.
Why this may be a barrier
Ordered lists help non-visual users navigate. Non-visual users may "get lost" in lists not formally marked as such.
Good Example
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN">
<html>
<head><title>Sample: Page with correctly MARKED-UP NUMBERED LIST</title></head>
<body><ol><li>First item</li></ol>
<li>Second item</li>
<li>Third item</li></body>
</html>
Solution
Use ol and li elements to format numbered lists according to the specification.
References
Related WCAG 1.0 Checkpoint
3.6"Mark up lists and list items properly." [Priority 2]
WCAG 1.0 Checkpoint 3.6Referring UWEM Test
3.6_HTML_03This test is targeted to find paragraphs, line breaks and numbers that are used to simulate numbered lists and which can be replaced with the ol element.
Examples
Simulated lists may display correctly but they may not be correctly presented in non visual browsers.
Replace simulated lists by valid list-elements.
-
<body><h1>To do list</h1><p>1. Organise meeting</p><p>2. Invite participants</p><p>3. Prepare Handouts</p></body>
<body><h1>To do list</h1><ol><li>Organise meeting</li>
<li>Invite participants</li>
<li>Prepare Handouts</li></ol></body> -
<body><h1>To do list</h1>1. Organise meeting<br>2. Invite participants<br>3. Prepare Handouts</body>
<body><h1>To do list</h1><ol><li>Organise meeting</li>
<li>Invite participants</li>
<li>Prepare Handouts</li></ol></body>
