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: Aktionen 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 30 Jahre (Telekom). Wir feiern mit tollen Angeboten und Aktionen
  h2 Unsere Top Deals
    h3 iPhone 16 128 GB
    h3 MagentaTV Smart für 0 €
    h3 240 € Wechselbonus
    h3 Kids Watch für 1 €
  h2 Unsere Smartphone-Highlights von Apple
    h3 Apple iPhone 16 128 GB
    h3 Apple iPhone 15 128 GB
    h3 Apple iPhone 16 Pro 128 GB
    h3 Apple iPhone 15 Pro Max 256 GB
  h2 Weitere Top Smartphones im Angebot
    ...
  h2 Unsere Mobilfunk-Deals zum Jubiläum
    ...
  h2 Unsere TV & Internet-Geburtstags-Angebote
    ...
  h2 Zubehör-Highlights von Apple
    ...
  h2 Unsere Magenta Moments
    h3 Exklusive Geschenke, Angebote und Gewinnspiele für unsere Kunden
    ...
  h2 Feiern Sie mit: 30 Jahre Telekom mit exklusiven Jubiläumsaktionen
  h2 Entdecken Sie unsere Telekom-Aktionen

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

h1 Aktuelle Angebote & Aktionen
  h2 Unsere Top Deals
  h2 Unsere Smartphone-Highlights von Apple
  h2 Weitere Top Smartphones im Angebot
  h2 Unsere Mobilfunk-Deals zum Jubiläum
  h2 Unsere TV & Internet-Geburtstags-Angebote
  h2 Zubehör-Highlights von Apple
  h2 Unsere Magenta Moments
  h2 Feiern Sie mit: 30 Jahre Telekom mit exklusiven Jubiläumsaktionen
  h2 Entdecken Sie unsere Telekom-Aktionen

Observations for heading structure:

  • Visual main heading not used as heading at all

  • SEO headings

    • "Feiern Sie mit" repeats content (offers) from other sections

    • "Entdecken Sie unsere Telekom-Aktionen" introduces content that introduces the whole page

  • No headings are used for actual offers; as navigation by heading structure is used most by users of assistive technology, the individual offers will be more difficult to reach for certain user groups

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.