Description

List mark-up is not used to present related information. For example, content such as "Previa del partido: Sporting Kansas City enfrenta a FC Tulsa en la Ronda de 16 de la Lamar Hunt U.S. Open Cup", "Know Before You Go: Sporting KC vs FC Tulsa Tuesday at Children's Mercy Park", etc. in the main content area is not marked as list items which visually looks like a list. As a result, screen reader users will find it difficult to navigate to the lists and different list items quickly.

Rationale

List mark-up enables screen reader users to identify number of list items. On the basis of appropriate list mark-up, screen reader announces beginning and end of a list. This helps users to navigate and interpret the information effectively.
A sighted user can understand relationship between the textual information on the basis of its visual presentation, such as indentation. However, a screen reader relies on appropriate mark-up, such as < li >, < ul > and < ol > to interpret related information effectively.

Recommendation

Use appropriate list mark-up, such as < li >, < ul > and < ol > to identify related information. In addition, consider applying styles to maintain the visual presentation of a web page.