Examples: WAI Web Content Accessibility Curriculum - slide "3.6

Priority 2

Happy face: good choice! Encode list structure and list items (UL, OL, DL, LI) properly. The HTML list elements DL, UL, and OL (available in HTML 3.2 and HTML 4.0) should only be used to create lists, not for formatting effects such as indentation. When possible, use ordered (numbered) lists to help navigation.

Structure the list with navigational information, like this:

Instruments found within the string section of a symphony orchestra:
1. Violins
2. Violas
3. Cellos

And the code for this example is:

<OL type=A>
<LI>Instruments found within the string section of a symphony orchestra:</LI>
<OL type=1>
<LI>Violins</LI>
<LI>Violas</LI>
<LI>Cellos</LI>
</OL>

To Checkpoints for Guideline 3.

Next slide: Example for Checkpoint 3.6 continues

Example for Checkpoint 3.6 - Mark up lists and list items properly.

Example for Checkpoint
3.6 - Mark up lists and list items properly.