Important Notice: This website shows interim results and does not represent a complete accessibility audit. The content is not final, is under heavy development, and is not legally binding. The website and all its content is for internal use only; unauthorized use or distribution may result in legal consequences.

Documentation of accessibility observations for Deutsche Telekom – Mobilfunk & OneShop

1.3.1 Info and Relationships (A) Semantic lists are used for non-list content

Priority: Moderate Unknown Page: Magenta TV Streaming Dienste Partner DAZN Observation Permalink
Observation Details

Semantic HTML list elements must only be used for actual list content. Lists are used in various places as

  • class="container-grid--list"

  • class="ButtonGroup__items..."

  • class="flickity-page-dots"

All those do not have list content and as such must not use list elements.

Lists are used to structure page content. They are an effective method of navigating a page, skipping certain parts, etc. Mis-using list elements for non-list content will make it harder for certain user groups to navigate a page.

Remediation Notes

Ensure, no non-list content is using semantic list elements. For layout and styling purposes, always use CSS. Use semantic list elements only for actual list content.

Please (also) refer to observation 1.3.1 Info and Relationships – "Semantic HTML" for general remarks about the use of semantic HTML.