Observation Details
The page uses HTML list elements for non-list content. See
class="container-grid--list". E.g. stage section with main heading.On the other hand, what is arguably list content is not using semantic list elements. Examples are:
the "Das komplette Sport Programm" section
the lists in FAQ element "Was kostet MagentaSport?"
the phone numbers in FAQ element "Wie kann ich MagentaSport buchen?"
Remediation Notes
Do not use semantic lists for non-list content. But do use semantic list for all list content.
Ensure, to refer to observation 1.3.1 Info and Relationships – "Semantic HTML" for general remarks about the use of semantic HTML.
For the FAQ item "Was kostet MagentaSport?", a semantic list structure could look like this:
<ul>
<li>
Angebote für Kunden mit bestehendem Telekom-Vertrag
<ul>
<li>Dem flexiblen Monatsabo für 12,95 € pro Monat (monatlich kündbar)</li>
<li>Dem günstigen Jahresabo für 7,95 € pro Monat mit einem Preisvorteil von 60 € pro Jahr im Vergleich zum Monatsabo. Vertragslaufzeit 12 Monate mit einem Monat Kündigungsfrist. Das Angebot beinhaltet unter anderem alle Spiele der 3. Liga, der PENNY DEL (Deutsche Eishockey Liga), der Google Pixel Frauen-Bundesliga und der Turkish Airlines EuroLeague sowie zahlreiche weitere Wettbewerbe. Mehr als 3.000 Live-Events pro Jahr.</li>
</ul>
</li>
<li>
Angebote für alle ohne Telekom-Vertrag
<ul>
<li>Dem flexiblen Monatsabo für 19,95 € pro Monat (monatlich kündbar)</li>
<li>Dem günstigen Jahresabo für 12,95 € pro Monat mit einem Preisvorteil von 84 € pro Jahr im Vergleich zum Monatsabo. Vertragslaufzeit 12 Monate mit einem Monat Kündigungsfrist. Das Angebot beinhaltet unter anderem alle Spiele der 3. Liga, der PENNY DEL (Deutsche Eishockey Liga), der Google Pixel Frauen-Bundesliga und der Turkish Airlines EuroLeague sowie zahlreiche weitere Wettbewerbe. Mehr als 3.000 Live-Events pro Jahr.</li>
</ul>
</li>
</ul>The phone numbers in FAQ item "Wie kann ich MagentaSport buchen?" can be displayed as a <dl>, ideally with linking the phone numbers.
<dl>
<div>
<dt>Für Kunden mit Telekom-Anschluss aus den Bereichen Festnetz und MagentaTV</dt>
<dd><a href="tel:08003301000">0800 330 1000</a></dd>
</div>
<div>
<dt>Für Telekom Mobilfunk-Kunden</dt>
<dd><a href="tel:08003302202">0800 330 2202</a></dd>
</div>
<div>
<dt>Für Interessenten ohne Telekom-Vertrag</dt>
<dd><a href="tel:08005446060">0800 544 6060</a></dd>
</div>
</dl>