2.24 Mark up lists and list items using the proper HTML tags

WAI checkpoint 3.6

Full WAI text: "Mark up lists and list items properly." HTML allows you to create different types of lists for different purposes. Each of these lists has display properties that are appropriate to its purpose. For example, in an ordered list the items are numbered, whilst an unordered list uses bullets.

Elements which belong in lists should be marked up as lists, rather than having the bullets of numbers added to the elements themselves. Elements which do not belong in lists should not be marked up as lists for the sake of visual presentation. For example, you should not assign an element to a list as a means of displaying it with a number or bullet.

Lists with more than one logical level can also be marked up correctly to create a compound number system such as 1.1, 1.2, 2.1, etc.

Rationale

Screen reader users will refer to the numbers in an ordered list for navigation and context. If the numbers do not relate to a clear structural hierarchy, users will be easily confused.

Directions and Techniques

Use a compound number system for complex numbered lists

Complex lists, such as those numbered 1.1, 1.2, 2.1, and so on, can be created using the WAI recommended techniques for HTML list mark-up and creating ordered lists with CSS

How you could check for this:

There are no specific test methods recommended for this guideline.

- View WAI checkpoint 3.6