1.3.1 Info and Relationships (A) Visual presentation of heading structure does not match code markup

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 Noch nie war wechseln so attraktiv
  h2 Wählen Sie Ihren Smartphone-Tarif
    h3 20 GB Datenvolumen
    h3 30 GB Datenvolumen
    h3 50 GB Datenvolumen
    h3 100 GB Datenvolumen
    h3 Unbegrenzt

  h2 Jetzt zum Testsieger wechseln
  h2 In unseren Handytarifen inklusive
    h3 Telefon- und SMS-Flat
    h3 Größtes 5G-Netz
    h3 HotSpot-Flatrate
    h3 EU-Roaming
  h2 Gute Gründe jetzt einzusteigen
    h3 Unbegrenztes Datenvolumen
    h3 MagentaEINS
    h3 Vorteile in der MeinMagenta App
    h3 Optional mit Wunschgerät
    h3 Rufnummernmitnahme
  h2 Weitere Tarife der Telekom entdecken
    h3 MagentaMobil Young
    h3 Speedbox-Tarife
  h2 Häufig gestellte Fragen zu den Handytarifen
    h3 ...

  <!-- sidebar -->
  h2 Vorteile im Überblick
    h3 Unbegrenztes Datenvolumen
    h3 MagentaEINS Vorteil

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

h1 Wählen Sie Ihren Smartphone-Tarif
  h2 Change number of Karten für Erwachsene. Values between 1 and 6 are valid. 
  h2 Jetzt zum Testsieger wechseln
  h2 In unseren Handytarifen inklusive
    h3 Telefon- und SMS-Flat
    h3 Größtes 5G-Netz *
    h3 HotSpot-Flatrate
    h3 EU-Roaming
  h2 Gute Gründe jetzt einzusteigen
    h3 Gute Gründe jetzt einzusteigen 
    h3 Unbegrenztes Datenvolumen
    h3 MagentaEINS
    h3 Vorteile in der MeinMagenta App
    h3 Optional mit Wunschgerät
    h3 Rufnummernmitnahme
  h2 Weitere Tarife der Telekom entdecken
    h3 MagentaMobil Young
    h3 Speedbox-Tarife
  h2 Häufig gestellte Fragen zu den Handytarifen
    h3 Vorteile im Überblick
      h4 Unbegrenztes Datenvolumen
      h4 MagentaEINS Vorteil

Observations for heading structure:

• Visual main heading in main stage "Noch nie war wechseln so attraktiv" is not using main heading <h1> element or any other HTML heading element for that matter

• Arguably most important content of Smartphone-Tarife page –the tariff cards– do not use heading elements

• Hidden headings found

  • Change number of Karten für Erwachsene. Values between 1 and 6 are valid.

  • Gute Gründe jetzt einzusteigen (<h3>), duplicating preceding <h2>

• Sections "In unseren Handytarifen inklusive" and "Gute Gründe jetzt einzusteigen" use subsequent headings for shot form content that might better be defined as list content

• Sections "Jetzt zum Testsieger wechseln", "In unseren Handytarifen inklusive", "Gute Gründe jetzt einzusteigen" could be grouped as "Vorteile" to more broadly structure page content

• Sidebar content is not grouped via <h2> heading and as such might be seen as content of "Häufig gestellte Fragen zu den Handytarifen"