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: Cashback Einlösen 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 Cashback bei der Telekom einlösen
  h2 MeinMagenta App
  h2 Zeitraum auswählen // Aktion auswählen
  h2 So funktioniert Cashback
    h3 Wunschtarif abgeschlossen
    h3 Cashback anfordern
    h3 Cashback erhalten
  h2 Häufig gestellte Fragen
    h3 Wie funktioniert die Teilnahme an der Aktion?
    h3 <!-- FAQ ITEMS -->

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

h1 Cashback bei der Telekom einlösen
  h2 So funktioniert Cashback
    h3 Wunschtarif abgeschlossen
    h3 Cashback anfordern
    h3 Cashback erhalten
  h2 Häufig gestellte Fragen
    h3 Wie funktioniert die Teilnahme an der Aktion?
    h3 <!-- FAQ ITEMS -->

Observations for heading structure:

  • Visually presented heading content does not use heading element

    • "MeinMagenta App"

    • "Zeitraum auswählen" // "Aktion auswählen"

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.