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:

  <!-- Hero carousel -->
  h2 Sternstunde der Fotografie
  h2 Das neue Samsung im besten 5G-Netz
  h2 Google on Android
  h2 Das neue Google Pixel 9 Pro mit Gemini

  h2 Deine Lieblings-Apps. Auf deinem Android-Handy.
  h2 Dein Android-Handy rundum geschützt
  h2 Du entscheidest, was zu dir passt
  h2 Mehr erleben mit Google
    h3 Von Hand voll zu Hand frei 
    h3 Mehr Verbindung erleben
    h3 Entfalten und neue Welten entdecken - mit Google
    h3 „Hey Google, mach ein Selfie“
  h2 Android-Handys völlig neu erleben - mit Google AI
    h3 Gemini Live – Chatte mit Gemini
    h3 Gemini-Erweiterungen – Greife mit Gemini auf Gmail, Maps, Tasks und mehr zu
    h3 Schneller und smarter Zugriff – Dein integrierter KI-Assistent von Google
    h3 Circle to Search – Die neue Art zu suchen
    h3 Magische Textvorschläge – Ganz einfach die richtigen Worte finden
    h3 Fotomoji – Erstelle deine eigenen Emojis
    h3 Beste Aufnahmen – Gruppenbilder, auf denen sich alle gefallen
  h2 Powered by Android
  h2 Pixel-Geräte
  h2 Samsung-Geräte
  h2 Neues Android-Smartphone. Alles bleibt beim Alten.
  h2 Finde das Android-Gerät, das am besten zu dir passt.

  h2 Häufig gestellte Fragen zu Android Handys
    h3 Was ist ein Smartphone mit Android?
    <!-- FAQ ITEMS -->

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

h1 Deine Lieblings-Apps. Auf deinem Android-Handy.
  h2 Dein Android-Handy rundum geschützt
  h2 Du entscheidest, was zu dir passt
  h2 Android-Handys völlig neu erleben - mit Google AI
    h3 Chatte mit Gemini
    h3 Greife mit Gemini auf Gmail, Maps, Tasks und mehr zu
    h3 Dein integrierter KI-Assistent von Google
    h3 Die neue Art zu suchen
    h3 Ganz einfach die richtigen Worte finden
    h3 Erstelle deine eigenen Emojis
    h3 Gruppenbilder, auf denen sich alle gefallen
  h2 Neues Android-Smartphone. Alles bleibt beim Alten.
  h2 Finde das Android-Gerät, das am besten zu dir passt.
  h2 Häufig gestellte Fragen zu Android Handys
    h3 Was ist ein Smartphone mit Android?
    h3 Was sind die Vorteile von Android?
    h3 Können Android-Handys ohne Google Konto genutzt werden?
    h3 Was ist der Unterschied zwischen iPhone und Android?

Observations for heading structure:

  • No visual main heading identifiable; <h1> tag styled the same as level 2 headings

  • Main heading is "Deine Lieblings-Apps. Auf deinem Android-Handy.", while page title is "Android & Telekom: Handys, Tablets und mehr | Telekom"

  • Hero carousel headings do not use heading elements

  • Inconsistencies in use of heading elements and stylings; visually presented structure is barely reflected in code structure

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.

Build out the base outline / structure of the page content without styling by use of semantic HTML elements and rarely (or better, not at all) change visual presentation too much. If visual presentation is changed, ensure heading structure is still presented visually. Base rules to follow:

  • Font size usually decrease with lower heading levels

  • Font size of body copy usually is smaller than of heading elements

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.