MLS-3817 - Missing list mark-up

Description

List mark-up is not used to present related information. For example, the links such as "League", "Player", "Team", and so on, 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.

WCAG 2.1 Success Criteria

1.3.1