Lists

Problem

• Screen readers not only read out the visible text on a page, but also the semantic structure as well. That means that the screen reader will not only read out that there is a list, but the number of items in the list.
• Users with reading disorders prefer to have more visual structure on the page.

Tips for bestter lists

The following guidelines should be borne in mind when creating lists:

• Lists are great for breaking up large chunks of text.
• Use unordered lists (bullets) as standard.
• Make sure custom list markers are readable.
• Use document templates and inbuilt list creation tools.

Sample

• Incorrect code
• - University Policies relevant to the use of this site.
• Correct code
• <ul> <li>University Policies relevant to the use of this site. </li> </ul>

WCAG Success Criteria

• 1.3.1 Info and Relationships

WCAG Sufficient Techniques

• H48: Using ol, ul and dl for lists or groups of links