Accompanying Files
Observation Details
Visually presented, we can identify the following heading structure:
1 Alles rund um die Telekom Tarife
2 MagentaMobil
2 MagentaZuhause
2 MagentaTV
2 MagentaEINS
2 MagentaMobil Prepaid
2 Young Tarife
2 Glasfaser-Tarife
2 MagentaMobil Data
2 Zusatzkarten
2 Häufig gestellte Fragen zu unseren Telekom Tarifen
3 Telekom Tarife
4 Was ist der billigste Tarif der Telekom?
4 Welche Telekom Tarife sind am beliebtesten?
4 Welcher Telekom Vertrag ist der beste?
4 Was ist das Besondere bei Telekom Tarifen?The code markup however shows the actual heading structure to be:
1 Telekom Tarife
2 Alles rund um die Telekom Tarife
3 MagentaMobil
4 Mit den Telekom Tarifen ...
3 MagentaZuhause
4 Bequem zu Hause im Festnetz ...
3 MagentaTV
4 Erleben Sie Entertainment zu Hause und unterwegs ...
3 MagentaEINS
4 Kombinieren Sie ganz einfach Ihre Telekom Tarife ...
3 MagentaMobil Prepaid
4 Sie möchten unbeschwert telefonieren und surfen, ...
3 Young Tarife
4 Mit den Telekom Tarifen für junge Leute ...
3 Glasfaser-Tarife
4 Mit den Telekom Tarifen für Glasfaser ...
3 MagentaMobil Data
4 Wenn Sie Tablet oder Laptop ...
3 Zusatzkarten
4 Haben Sie bereits einen Telekom Tarif ...
2 Häufig gestellte Fragen zu unseren Telekom Tarifen
3 Was ist der billigste Tarif der Telekom?
3 Welche Telekom Tarife sind am beliebtesten?
3 Welcher Telekom Vertrag ist der beste?
3 Was ist das Besondere bei Telekom Tarifen?Remediation Notes
Ensure, visual presentation matches the code markup and proper heading nesting is done.
Short: only what is an actual heading (using semantic HTML element) should be visually presented as such. And everything that is visually presented as a heading must be an actual heading.
Approach to better heading structure / outline, grouping the tariff group cards under a new <h2> heading.
p Telekom Tarife
1 Alles rund um die Telekom Tarife
2 Alle Tarifgruppen im Überblick
3 MagentaMobil
p Mit den Telekom Tarifen ...
3 MagentaZuhause
p Bequem zu Hause im Festnetz ...
3 MagentaTV
p Erleben Sie Entertainment zu Hause und unterwegs ...
3 MagentaEINS
p Kombinieren Sie ganz einfach Ihre Telekom Tarife ...
3 MagentaMobil Prepaid
p Sie möchten unbeschwert telefonieren und surfen, ...
3 Young Tarife
p Mit den Telekom Tarifen für junge Leute ...
3 Glasfaser-Tarife
p Mit den Telekom Tarifen für Glasfaser ...
3 MagentaMobil Data
p Wenn Sie Tablet oder Laptop ...
3 Zusatzkarten
p Haben Sie bereits einen Telekom Tarif ...
2 Häufig gestellte Fragen zu unseren Telekom Tarifen
p Telekom Tarife
3 Was ist der billigste Tarif der Telekom?
3 Welche Telekom Tarife sind am beliebtesten?
3 Welcher Telekom Vertrag ist der beste?
3 Was ist das Besondere bei Telekom Tarifen?Please (also) refer to observation 1.3.1 Info and Relationships – "Semantic HTML" for general remarks about the use of semantic HTML.
When remediating, please also refer to observation "Content card link purpose not determinable" (2.4.4 Link Purpose (In Context)), where remediation recommends the use of proper card structure, as those work in tandem.