Lists are great from an accessibility standpoint. Like tables, they help structure data but are easier to navigate for screen reader users as they help them understand the structure of the content. Sometimes the information provided in a simple table can be better presented in a list, so keep it in mind when organizing your data. You need to use appropriate markup for list content for the browsers to automatically add bullets or numbers.
There are 3 ways to organize lists in HTML:
- Use unordered lists with bullet points when the items' order is not relevant
- Use ordered (numbered) lists when the sequence is important
- Use description lists for terms and their definitions: items of such lists are connected programmatically