Create lists of related items using list elements appropriate for their purposes. The <ol>
element is used when the list is ordered and the <ul>
element is used when the list is unordered. Definition lists (<dl>
) are used to group terms with their definitions. List items use <li>
elements. Alternatively you may use WAI-ARIA roles and attributes for rendering the list properly
Engine scans for special characters used repeatedly at the beginning of a string inside a section element like <p>
, <div>
etc.
When markup is used that visually formats items as a list but does not indicate the list relationship, users may have difficulty in navigating the information.
<ul>
<li>Milk</li>
<li>Eggs</li>
<li>Butter</li>
</ul>
OR