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 Low Page: Sonim XP100 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 Sonim XP100
  h2 Farbe
  h2 Speichergröße
    h3 Gesamtpreis des Geräts
    h3 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 Farben
    h3 Speichergrößen
    h3 Marke
    h3 Betriebssystem
  h2 Sonim XP100 Highlights auf einen Blick
    h3 Wissenswertes zum Sonim XP100
    h3 Unkomplizierte Kommunikation – immer und überall
    h3 Ein Akku, der durchhält
    h3 Praktisches Design für den Alltag
    h3 Einfache, vielseitige Bedienung
    h3 Maximale Netzkompatibilität für zuverlässige Verbindungen
  h2 Lieferumfang
  h2 Vorteile im Überblick
    h3 Handyankauf
    h3 MagentaEINS Vorteil

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

h1 Sonim XP100
  h2 <!-- EMPTY -->
    h3 Spezifikationen
  h2 Spezifikationen
  h2 Sonim XP100 Highlights auf einen Blick
    h3 Vorteile im Überblick
      h4 Handyankauf
      h4 MagentaEINS Vorteil

Observations for heading structure:

  • Heading content not using heading elements

  • Empty heading level 2 found

  • Nested heading level 3 inside empty heading level 2

  • Duplicated heading "Spezifikationen" found

  • Hierarchy is not logical (see 2.4.6 Headings and Labels)

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.