General Information
Semantic Lists (ordered and unordered) provide orientation for users by organizing information in meaningful ways.
Why lists are important?
- Use different types of lists to group information according to its nature to provide orientation for users.
- When list are used correctly, assistive technologies are able to convey information to their users as they navigate to and within lists, such as the total number of items and the relative position of each item in the list.
- Lists are recommended as potential replacements for simple tables, as tables can be more difficult to navigate and sometimes we provide info in tables that really would be better suited to lists.
- Semantic lists helps users perceive, operate, understand, and be able to interact in a robust manner, POUR principles.
How to create accessible semantic lists?
- Use the built in “lists” option in WYSIWYG editors (what you see is what you get) to create lists.
- Don’t create lists by manually typing in numbers or indenting, these are not accessible.
- Create Ordered Lists < ol > for when there is a defined sequence or order intended for the items in the list.
- Create Unordered Lists < ul > for when there is no specific order intended for the list you are creating.
- Create Description Lists < dl > for when a specific structure is needed to provide definitions for terms.
Pro-tips
- Place a period “.” at the end of each list item, this notifies the screen reader that list item is done and will give an extra pause before moving on to the next item in the list.
NEXT PAGE: Accessible Tables