Important Notice: This website shows interim results and does not represent a complete accessibility audit. The content is not final, is under heavy development, and is not legally binding. The website and all its content is for internal use only; unauthorized use or distribution may result in legal consequences.

Documentation of accessibility observations for Deutsche Telekom – Mobilfunk & OneShop

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

Priority: Critical High Page: Apple iPad Air 11 2025 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:

  h2 Ich bin bereits bei der Telekom
h1 Apple iPad Air 11" (2025) M3
  h2 Farbe
  h2 Speichergröße
    h3 Gesamtpreis des Geräts
  h2 Produkthinweise
  h2 Geld sparen mit dem Handyankauf
  h2 Tarif- und Gerätepreis
  h2 Produktinformationen
    h3 Netzteil
    h3 Herstellerangaben
      h4 Kontaktdaten
      h4 Produktsicherheit
  h2 Spezifikationen
    h3 Hardware und Schnittstellen
    h3 Netz-Standards
    h3 Farben
    h3 Speichergrößen
    h3 Marke
    h3 Betriebssystem

  ... <!-- Image content -->

  h2 Lieferumfang
  h2 Weitere Informationen
  
  <!-- sidebar -->

  h2 Vorteile im Überblick
    h3 Handyankauf
    h3 MagentaEINS Vorteil
  h2 Ich möchte...

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

h1 Apple iPad Air 11" (2025) M3
  h2 
    h3 Spezifikationen
  h2 Spezifikationen
    h3 Vorteile im Überblick
      h4 Handyankauf
      h4 MagentaEINS Vorteil

Observations for heading structure:

  • Most visually presented heading content does not use HTML heading elements

  • Empty heading level 2 found

  • Duplicate heading "Spezifikationen" with two different heading levels

  • "Vorteile im Überblick" heading of sidebar is logically placed as content of "Spezifikationen"

  • Text content in images uses visual presentation like heading structure as well which is not at all reflected in code

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.