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: Apple Watch Familienkonfiguration 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 Die Apple Watch ist für alle da. Auch wenn Sie noch kein iPhone haben.
  h2 Vorteile für Ihre Kids
  h2 Vorteile für die Erwachsenen
  h2 Ihre Vorteile mit Smart Connect M
  h2 Jetzt Apple Watch SE mit Smart Connect M bestellen
  h2 Unser Tipp für Mobilfunkkunden
  h2 Weitere Angebote für Ihre Apple Watch
  h2 Häufig gestellte Fragen zur Apple Watch für Kinder
    h3 Was sind die Vorteile der Apple Watch für Kinder?
    h3 Gibt es einen Unterschied zwischen ...
    h3 Welcher Telekom Tarif eignet sich für die Apple Watch für Kinder?

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

h1 Apple Watch für Kinder
  h2 Immer in Verbindung mit der Apple Watch und Smart Connect M
    h3 Vorteile für Ihre Kids
  h2 Sorgenfreier dank der Apple Watch für Kinder
    h3 Vorteile für die Erwachsenen
  h2 Passend für Apple Watch Nutzer
    h3 Ihre Vorteile mit Smart Connect M
  h2 Jetzt Apple Watch SE mit Smart Connect M bestellen
  h2 Unser Tipp für Mobilfunkkunden
  h2 Die Apple Watch für Kinder – auch für alle
    h3 Weitere Angebote für Ihre Apple Watch
  h2 Häufig gestellte Fragen zur Apple Watch für Kinder

Observations for heading structure:

  • Visual main heading not <h1>; not even any heading at all

  • Heading eyebrows use separate heading elements

  • FAQ items do not use headings

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.