Priority: Critical Low Page: For Friends Observation Permalink
Observation Details

The visually presented heading structure of the page does not match the use of semantic HTML heading elements. The visually presented structure is as follows:

h1 Telekom for Friends
  h2 Holt euch jetzt Unlimited
  h2 Und so funktioniert es
  h2 PlusKarten für weitere Personen
    h3 Je mehr, desto günstiger
    h3 Die neuen PlusKarten der Telekom in der Übersicht
    h3 Unbegrenztes Datenvolumen
    h3 Volle Flexibilität
    h3 Bei allen Karten inklusive
    h3 Sie haben bereits eine aktuelle for Friends Hauptkarte und wollen Zusatzkarten bestellen?
  h2 Weitere for Friends Angebote
    h3 MagentaMobil Data for Friends
    h3 Prepaid: Mehr Datenvolumen, gleicher Preis
    h3 Speedbox for Friends
    h3 Smart Connect for Friends
  h2 Sie sind bereits Kunde?
    h3 For Friends Vertrag verlängern
    h3 Vertrag in for Friends umstellen
  h2 Häufig gestellte Fragen
    h3 ...

The programmatically determinable heading structure, using HTML heading elements is as follows:

h1 Telekom for Friends
  h2 Exklusiver Sparvorteil für Freunde von Telekom Mitarbeitern bis zu 30 % auf den monatlichen Grundpreis
  h2 Und so funktioniert es
    h3 Hauptkarte wählen
    h3 For Friends Vorteil sichern
    h3 LogIn erstellen
    h3 Fertig!
  h2 PlusKarten für weitere Personen
    h3 Einfach zum Hauptvertrag hinzufügen
  h2 Je mehr, desto günstiger Fußnoten anzeigen
  h2 Die neuen PlusKarten der Telekom in der Übersicht
  h2 Unbegrenztes Datenvolumen
  h2 Volle Flexibilität
  h2 Bei allen Karten inklusive
    h3 Telefon- und SMS-Flatrate
    h3 Größtes 5G-Netz Fußnoten anzeigen
    h3 HotSpot-Flatrate
    h3 EU-Roaming
  h2 Sie haben bereits eine aktuelle for Friends Hauptkarte und wollen Zusatzkarten bestellen?
    h3 Einfach einloggen und Zusatzkarten für Ihre Familie und Freunde bestellen
  h2 Weitere for Friends Angebote
    h3 MagentaMobil Data for Friends
    h3 Prepaid: Mehr Datenvolumen, gleicher Preis
    h3 Speedbox for Friends
    h3 Smart Connect for Friends
  h2 Sie sind bereits Kunde?
    h3 For Friends Vertrag verlängern
    h3 Vertrag in for Friends umstellen
  h2 Häufig gestellte Fragen
    h3 ...

Observations for heading structure:

  • Content, visually presented as heading, does not use heading element - "Holt euch jetzt Unlimited"

  • Non-heading content (heading sublines) uses heading element

  • List content "Und so funktioniert es" uses heading elements

  • List content "Bei allen Karten inklusive" uses heading elements

  • Heading "PlusKarten für weitere Personen" has no content (see 2.4.6 Headings and Labels) and subsequent headings therefore are using same hierarchy heading levels instead of being one level lower

Remediation Notes

Ensure, visually presented heading structure matches programmatically determinable heading structure by only using HTML heading elements for heading content and using HTML heading elements for all heading content.

Side note: This criterion does not specifically look at proper heading content (i.e. wordings, usefulness of headings). See 2.4.6 Headings and Labels for this.