33 issues found for 2.4.6 Headings and Labels

"Sie sind Mobilfunk" is no appropriate description of the radio button's purpose.

Clear selected button uses default english name as label

<button 
  type="button" 
  title="Clear Selected" 
  aria-label="Clear Selected" 
  class="vs__clear">
  <svg>...</svg>
</button>

Search button as well

<button>
  <svg>
    <title>search outline</title>
  </svg>
</button>

Pagination buttons of carousel use "previous button" and "next button" as button labels, making those the accessible name as well.

Headings in carousel use <h3> heading level, grouping them under heading "Rufnummer vom Wettbewerber mitnehmen und 10 € Wechselbonus sichern.*".

<h2> is used for "Jetzt im besten Netz Deutschlands erleben". The content is not a heading that introduces the following content.

As there is only one single HTML heading used on the page, it would have to describe topic or purpose of all page content.

Heading <h1> describes the tariff carousel but used as main heading, which should have the purpose of describing the whole page.

Headings must be used to describe topic or purpose of the content they introduce. The heading "Live und jederzeit auf Abruf" does not describe the following content's topic. As is, the heading must describe the topics:

• What programs are included in DAZN service (what matches / events are shown)

• Buying DAZN with MagentaTV ("Buchen Sie DAZN bequem zu Ihrem MagentaTV Vertrag dazu")

Both contents are not accurately described by "Live und jederzeit auf Abruf". Especially the content of buying the DAZN option with CTA should be easily findable and the given heading does not leads the user to believe the CTA to be found there.

Heading structure / outline is the most used navigation method for screen reader users. A functioning heading structure is most important (and easiest) way to ensure understandable and navigable content structure.

The heading "Schon jetzt sind über 98 % von Deutschland #DABEI" is marked up as follows:

<h2>
  "Schon jetzt sind über"
  <!-- --> 
  <span style="white-space:nowrap">
    "98 %"
  </span> 
  " von Deutschland #DABEI"
</h2>

which results in an accessible name of "[...] sind über98 % von [...]".

Headings used in news tiles in the "Neue Ideen für eine neue Welt" section do not always accurately describe the content's topic.

5G fürs ganze Land

Das Netz der Telekom setzt sich an die Spitze und erreicht die Gesamtnote „Überragend“. Diese Bewertung hat connect zum ersten Mal überhaupt vergeben.

Heading structure found in code, observations marked with "!" at beginning of line:

   h1 Telekom Mobilfunk-Netzausbau
      h2 Wissenswertes rund um den Netzausbau
!     h2 Helfen Sie dabei unser 5G-Netz noch größer zu machen!
         h3 Handyverträge
         h3 Datentarife
         h3 Festnetz Tarife
         h3 Hotspot
      h2 Warum Mobilfunk von der Telekom? Ganz einfach!
!        h3 Größes und bestes 5G-Netz*
         h3 Ausgezeichneter Service
         h3 Nachhaltig betriebenes Netz
!     h2 Bleiben Sie auf dem neuesten Stand
      h2 Häufig gestellte Fragen zur 5G Netzabdeckung
         h3 Wer baut das 5G-Netz in Deutschland aus?
         h3 Wie geht es mit der 5G Netzabdeckung voran?
         h3 Welches Smartphone ist 5G-fähig?
         h3 Wie wird das 5G-Netz ausgebaut?

• Heading level 2 "Helfen Sie dabei unser 5G-Netz noch größer zu machen!" does not accurately describe topic/purpose of the grouped children heading levels

• Heading level 3 "Größes und bestes 5G-Netz*" has typo

• Heading level 2 "Bleiben Sie auf dem neuesten Stand" does not accurately describe topic/purpose of the section's content

Heading structure / outline is the most used mechanism to navigate a website for users of assistive technology.

HTML heading <h1> is used for "MagentaSport: Alle Angebote im Überblick" which implies all heading level two being "Angebote". While the main heading accurately describes the "Angebote" section with the possibility to learn more about the tariffs, it does not describe following <h2> headings.

As heading structure is the most crucial way to navigate a page for many users of assistive technology, each heading must accurately describe topic / purpose of the content it introduces.

What is used as the page's main heading is a construct of an image and a generic container with textual content being "Magenta Sport. Live-Sport überall streamen". This content however does not use a semantic HTML heading element.

Heading structure as per code markup:

h1 Wie funktioniert die Kids Watch?
  h2 Die sichere GPS-Telefonuhr für Ihr Kind
  h2 Eine Kinder Smartwatch - drei Farben
  h2 Was Eltern über die Kids Watch XPLORA X6 Play eSIM sagen:
  h2 Die GPS-Smartwatch für Kinder
  h2 Sichere Bereiche für Ihr Kind durch GPS-Tracker
  h2 Kinder Smartwatch mit Schulmodus
  h2 SOS-Taste der Kids Watch
  h2 Datenschutz
  h2 Die erste Smartwatch mit eSIM für Kinder
  h2 GPS-Kinderuhr mit Schrittzahler
  h2 Kids Watch: So einfach geht's
  h2 XPLORA X6 Play eSIM - Technische Daten
    h3 Wasserbeständig
    h3 Akkulaufzeit
    h3 Speicher
    h3 Geeignet für
    h3 SOS-Taste
    h3 Funktioniert in
    h3 Gewicht
    h3 Abmessungen (mm)
  h2 Neugierig auf eine andere Kinderuhr mit GPS und Telefonfunktion?
  h2 Kids Watches im Vergleich
  h2 Fragen & Antworten zur Kids Watch
    h3 Was ist die XPLORA X6 Play eSIM Smartwatch?
    h3 Warum braucht Ihr Kind eine Smartwatch mit GPS-Tracker?
    h3 Wie genau ist die GPS-Ortung Ihrer Kinder mit der XPLORA X6 Play eSIM Smartwatch?
    h3 Warum wird für die Kids Watch ein Mobilfunktarif benötigt?
    h3 Ist die Kids Watch staub- und wasserdicht?
    h3 Welche Rechte haben Sie als Administrator?
    h3 Was ist der Vorteil der eSIM?

Observations for this heading structure:

• Main heading must describe topic / purpose of whole page. As "Wie funktioniert die Kids Watch?" it asks for functionality of the kids watch instead, implying every <h2> will describe watch functionalities, which is not the case; this renders some if not many headings of level 2 "incorrect"

• Technical data in "XPLORA X6 Play eSIM - Technische Daten" use headings for simple list content; also arguably "Geeignet für" and "Funktioniert in" are not considered technical specifications

• The FAQ heading "Warum braucht Ihr Kind eine Smartwatch mit GPS-Tracker?" is not at all answered by the FAQ item content

Heading structure is the most used form of navigating web pages by users of assistive technology, making it crucial to accurately use headings that describe the topic / purpose of their following content.

The heading "So funktioniert die Safety Watch" does not accurately describe the section's content. The content is an ordered list of how to activate the watch.

The heading "So einfach geht's" does not provide any information about the following content. Heading hierarchy into account, the content should be about:

"Die Telefonuhr mit SOS-Funktion für Senioren" → "So einfach geht's"

The actual content however describes a step-by-step guide to activate the Safety Watch.

The heading "Safety Watch TCL MT43AX" does not provide any information about the following content. Heading hierarchy into account, the content should be about:

"Die Telefonuhr mit SOS-Funktion für Senioren" → "Safety Watch TCL MT43AX"

The actual content however is a user story video.

The tariff cards in section "Young-Smartphone-Tarife" are labeled "Slide X von 4", providing no information about the card's contents. The content itself then starts with "S", "40", "GB", "+ 20 GB mit Young-Streaming-Vorteil".

The actual tariff name is not stated in the section at all.

Carousel navigation buttons have labels:

• Zurück (if disabled)

• Gehe zurück auf Slide X von 6

• Gehe vor auf Slide X von 6

Carousel pagination buttons have labels:

• Zeige Slide X von 6

Observations:

• Definition of "slide" is vague when showing product cards

• Carousel shows X slides at a time, moving "by slide" is not ideal

• Pagination says "X von 6" but on largest viewport only showing 3 pagination buttons

Given the visual main heading "30 Jahre Telekom.Wir feiern mit tollen Angeboten und Aktionen" and the main heading in code markup "Aktuelle Angebote & Aktuelles", headings

• "Feiern Sie mit: 30 Jahre Telekom mit exklusiven Jubiläumsaktionen"

• "Entdecken Sie unsere Telekom-Aktionen"

do not accurately describe content purpose and duplicating existing section content. Both headings would describe the whole page content and as such would be better suited as main heading.

Breadcrumb navigation landmark uses <nav aria-label="Breadcrumb">. As page language is set to lang="de", German screen reader voice is trying to read "Breadcrumb", which –for users not familiar with the wording– can be an issue.

Heading structure as per code markup:

h1 Was ist das Besondere an der Anio Kinderuhr mit GPS?
  h2 Für mehr Sicherheit und Selbständigkeit
  h2 Die GPS-Kinderuhr – so individuell wie Ihr Kind
  h2 Was Eltern über die GPS-Kinderuhr Anio 6 sagen
  h2 Die Kinderuhr mit GPS
  h2 SOS-Knopf der Kinderuhr mit GPS
  h2 Sichere Bereiche festlegen
  h2 Schulmodus bei der Kinderuhr mit GPS
  h2 Datenschutz
  h2 Schrittzähler
  h2 Lern-Ziffernblatt
  h2 Kinderuhr mit GPS Anio 6: So einfach geht's
  h2 Kinderuhr mit GPS Anio 6:So einfach geht's
  h2 Kinderuhr mit GPS Anio 6 - Technische Daten
    h3 Wasserbeständig
    h3 Akkulaufzeit
    h3 Speicher
    h3 Geeignet für
    h3 SOS-Taste
    h3 Funktioniert in
    h3 Gewicht
    h3 Abmessungen (mm)
  h2 GPS-Kinderuhren im Vergleich: Anio 6 vs. XPLORA 6 Play eSIM
  h2 Vergleich der technischen Daten von Anio 6 und XPLORA X6 Play eSIM
  h2 Fragen & Antworten zur GPS-Kinderuhr Anio 6
  h2 Smartphones
  h2 Tarife
  h2 Themen

Observations for this heading structure:

• Main heading must describe topic / purpose of whole page. As "Was ist das Besondere an der Anio Kinderuhr mit GPS?" it asks for "Besonderheiten" of the watch instead, implying every <h2> will describe one "Besonderheit", which is not the case; this renders some if not many headings of level 2 "incorrect"

• Technical data in "Technische Daten" use headings for simple list content; also arguably "Geeignet für" and "Funktioniert in" are not considered technical specifications

• Some headings repeat the name of the watch (Kinderuhr mit GPS Anio 6: So einfach geht's, Kinderuhr mit GPS Anio 6:So einfach geht's, Kinderuhr mit GPS Anio 6 - Technische Daten); while repetition is not a failure of this success criterion:

  • exact duplication should always be avoided, as using the same heading implies the same purpose of following content

  • "Technische Daten" would suffice, if main heading of page accurately introduces the watch name

• "Kinderuhr mit GPS Anio 6: So einfach geht's" does not describe content purpose; "So einfach geht's" – better "Einrichtung der Anio 6 mit dem Smartphone – kinderleicht"

• The FAQ section does not use headings

Heading structure is the most used form of navigating web pages by users of assistive technology, making it crucial to accurately use headings that describe the topic / purpose of their following content.

The heading structure should work as an outline of the complete page content, with the main heading describing the page as a whole, and subsequent headings describe the content until another heading of same heading level is reached. This means, a heading level 2 must describe purpose of all content, including sub-heading levels and their content, until the next heading level 2 is reached.

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

To determine the accuracy of a heading's wording, a heading can be looked at in hierarchy up to the main heading. E.g. the first heading level 3, put in hierarchy context, 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

p Eine neue Apple Watch oder ggf. auch das Vorgängermodell von Mama oder Papa kann jetzt ganz einfach und unkompliziert von Kindern genutzt werden. Die Eltern nach der Schule anrufen, die Großeltern über die gute Note per Nachricht informieren oder endlich ein eigenes Memoji an Freunde versenden – das alles und noch vieles mehr – ist mit der Apple Watch für Kinder jetzt möglich. Außerdem kann man mit den überarbeiteten Aktivitätsringen mit der Watch Bewegungsminuten spielend tracken, damit Bewegung noch mehr Spaß macht.

Observations, shown at the example heading above:

• Heading hierarchy implies purpose "Vorteile für Kids, die mit der Apple Watch und Smart Connect M immer in Verbindung sind"

  • While not specifically for children, the content shows "Vorteile", so the <h3> is more or less accurately describing content purpose

  • The <h2> however does not add to this purpose at all

  • Also, usually, a heading element, followed by another heading element directly, without any content between, is a good indication of unnecessary heading hierarchy

To demonstrate this, it often is useful to look at the page outline one hierarchy level at a time, evaluating if headings level 2 accurately split the page into useful sections.

h1 Apple Watch für Kinder
  h2 Immer in Verbindung mit der Apple Watch und Smart Connect M
  h2 Sorgenfreier dank der Apple Watch für Kinder
  h2 Passend für Apple Watch Nutzer
  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
  h2 Häufig gestellte Fragen zur Apple Watch für Kinder

Observations for heading structure in general:

• "Immer in Verbindung mit der Apple Watch und Smart Connect M"

  • Expected content: Apple Watch tariff Smart Connect M

  • Actual content: Generic text content about Apple Watch "Vorteile"

  • → not accurate

• "Sorgenfreier dank der Apple Watch für Kinder"

  • Expected content: Security features, privacy features, parenting features, ...

  • Actual content: "in Verbindung bleiben", app and contact management as administrator, location access

  • → accurate

• "Passend für Apple Watch Nutzer"

  • Expected content: ?

  • Actual content: "Vorteile" of Smart Connect M tariff

  • → factually accurate, but wording does not hint on any specific content at all

• "Jetzt Apple Watch SE mit Smart Connect M bestellen"

  • Expected content: Watch + tariff offer details and possibility to buy

  • → accurate

• "Unser Tipp für Mobilfunkkunden"

  • Expected content: Current customer offer for Apple Watch

  • Actual content: Offer for tariff as "Zweitkarte"

  • → arguably not accurate

• "Die Apple Watch für Kinder – auch für alle"

  • Expected content: ?

  • Actual content: Apple Watch features also useful for the elderly; MultiSIM offer

  • → not accurate; wording does not hint on actual content

• "Häufig gestellte Fragen zur Apple Watch für Kinder"

  • Expected content: FAQ about Apple Watch für Kinder

  • Actual content: "Vorteile der Apple Watch für Kinder", Difference between "Apple Watch Familienkonfiguration" and "Apple Watch für Kinder", Tariff for Apple Watch für Kinder

  • Observations:

    • "Vorteile" duplicates page content

    • "Unterschied Familienkonfiguration": Wording "Familienkonfiguration" was not used before (except in URL path); If "Familienkonfiguration" and "Apple Watch für Kinder" is not the same, the URL path, the page title, and the page's main heading do not match

    • "Tarif" duplicates page content

  • → factually accurate, but not adding any information that is not already present on page

These observations can be done for each subsequent heading level as well.

"Question tiles" / cards in Handyankauf form step 3 ("Lässt sich das Handy einschalten?", etc.) use radio buttons for "yes" an "no" values. The radio buttons are not grouped by <fieldset>. While this is no strict failure on its own, it only works accurately, when heading structure and structured content of the card is presented and programmatically determinable in a way so that the context always is clear.

The code syntax is as follows:

<div class="...">
  <div class="">
    <div class="...">
      <h4 class="">Lässt sich das Handy einschalten?</h4>
      <span class="..." aria-hidden="true">
        <svg>...</svg>
      </span>
    </div>
    <ul class="...">
      <li class="...">
        <span class="">Das Handy lässt sich einschalten.</span>
      </li>
      <li class="...">
        <span class="">Es bleibt mindestens 45 Sekunden lang eingeschaltet.</span>
      </li>
      <li class="...">
        <span class="">Es lässt sich aufladen.</span>
      </li>
    </ul>
    <div class="...">
      <div>
        <input type="radio" id="POWERON_YES" name="1_POWER_ON_WCTI" value="POWERON_YES">
        <label for="POWERON_YES" class="">Ja, lässt sich einschalten</label>
      </div>
      <div>
        <input type="radio" id="POWERON_NO" name="1_POWER_ON_WCTI" value="POWERON_NO">
        <label for="POWERON_NO" class="">Nein</label>
      </div>
    </div>
  </div>
</div>

Observations:

• No <fieldset> used to group radio buttons

• While each radio button has a label, provided by for="..." and id="..." attributes, the radio button group does not have a label programmatically attached (e.g. via <legend>

• The list contains "features" or "functionality states" of the device in question, but the list is introduced by heading "Lässt sich das Handy einschalten?"; wording can be improved

As main parts of the heading structure are missing (see 1.3.1 Info and Relationships), matching headings to structured content purpose is difficult.

The programmatically determinable heading structure 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:

• "Spezifikationen" (heading level 2) structures whole SEO content and all sidebar content

Interactive element labels use non-main language accessible names:

• .Info icon in sidebar is labelled "show/hide detailed information"

• Info icon in "Vorteile im Überblick" in sidebar is labelled "Info icon"

Interactive element label use accessible name without context to element purpose:

• Device color buttons have empty label and use description:
  "Description: "Internet 5 GB Highspeed-Volumen (1 GB zus. Datenvolumen mit MagentaEINS: 6 GB) Daten-Flat im Telekom Mobilfunknetz Geschwindigkeit im Download: LTE Max/5G Geschwindigkeit im Upload: bis zu 50 MBit/s Inklusivleistungen HotSpot Flat: Mit einem Telekom HotSpot in Ihrer Nähe können Sie auch unterwegs surfen, ohne dabei das eigene Datenvolumen zu verbrauchen. Mehr Infos unter www.hotspot.de Roaming: In der EU inkl. Schweiz & Großbritannien surfen Sie auf vorübergehenden Reisen ohne zusätzliche Kosten wie im Inland. Zubuchbare Datenpässe WeekPass (+ 3 GB): 5,95 € WeekPass (+ 10 GB): 14,95 € 4-WeekPass (+ 20 GB): 19,95 € 4-WeekPass (+ 40 GB): 29,95 € DayFlat unlimited: 9,95 € So buchen Sie SpeedOn Datenpässe: Sie erhalten jeweils eine SMS, wenn Sie Ihr Highspeed-Volumen zu 80 % und komplett verbraucht haben. Klicken Sie auf den kostenlosen Link http://pass.telekom.de in der SMS: hier können Sie Ihren aktuellen Verbrauch kontrollieren und bei Bedarf neues Highspeed-Volumen mit SpeedOn nachkaufen. Die Buchung der SpeedOn Datenpässe ist auch in der MeinMagenta App möglich. Tarife ohne Mindestlaufzeit Infos zu Tarifen ohne Mindestlaufzeit, die lediglich ohne Gerät erhältlich sind, finden Sie unter www.telekom.de/flex-mobil oder in der Preisliste. Produktinformationsblatt (PDF) Preisliste, Leistungsbeschreibung und AGB" (via aria-describedby)

• Info icon in sidebar is described by:
  "Description: "Internet 5 GB Highspeed-Volumen (1 GB zus. Datenvolumen mit MagentaEINS: 6 GB) Daten-Flat im Telekom Mobilfunknetz Geschwindigkeit im Download: LTE Max/5G Geschwindigkeit im Upload: bis zu 50 MBit/s   Inklusivleistungen HotSpot Flat: Mit einem Telekom HotSpot in Ihrer Nähe können Sie auch unterwegs surfen, ohne dabei das eigene Datenvolumen zu verbrauchen. Mehr Infos unter www.hotspot.de Roaming: In der EU inkl. Schweiz & Großbritannien surfen Sie auf vorübergehenden Reisen ohne zusätzliche Kosten wie im Inland.   Zubuchbare Datenpässe WeekPass (+ 3 GB): 5,95 € WeekPass (+ 10 GB): 14,95 € 4-WeekPass (+ 20 GB): 19,95 € 4-WeekPass (+ 40 GB): 29,95 € DayFlat unlimited: 9,95 € So buchen Sie SpeedOn Datenpässe: Sie erhalten jeweils eine SMS, wenn Sie Ihr Highspeed-Volumen zu 80 % und komplett verbraucht haben. Klicken Sie auf den kostenlosen Link http://pass.telekom.de in der SMS: hier können Sie Ihren aktuellen Verbrauch kontrollieren und bei Bedarf neues Highspeed-Volumen mit SpeedOn nachkaufen. Die Buchung der SpeedOn Datenpässe ist auch in der MeinMagenta App möglich.   Tarife ohne Mindestlaufzeit Infos zu Tarifen ohne Mindestlaufzeit, die lediglich ohne Gerät erhältlich sind, finden Sie unter www.telekom.de/flex-mobil oder in der Preisliste. Produktinformationsblatt (PDF) Preisliste, Leistungsbeschreibung und AGB" (via aria-describedby)

• Close button has no accessible name

  • "Weitere Details" dialog window

  • Footnote dialog window

  • Handyankauf dialog window

  • Zum iPad-Vergleich: <a class="..." href="..." style="...">&ZeroWidthSpace;</a>

Content is structured by using HTML heading elements. The used heading structure does not accurately fit the content it structures. The code structure of used heading elements is as follows:

h1 Deine Lieblings-Apps. Auf deinem Android-Handy.
  h2 Dein Android-Handy rundum geschützt
  h2 Du entscheidest, was zu dir passt
  h2 Android-Handys völlig neu erleben - mit Google AI
    h3 Chatte mit Gemini
    h3 Greife mit Gemini auf Gmail, Maps, Tasks und mehr zu
    h3 Dein integrierter KI-Assistent von Google
    h3 Die neue Art zu suchen
    h3 Ganz einfach die richtigen Worte finden
    h3 Erstelle deine eigenen Emojis
    h3 Gruppenbilder, auf denen sich alle gefallen
  h2 Neues Android-Smartphone. Alles bleibt beim Alten.
  h2 Finde das Android-Gerät, das am besten zu dir passt.
  h2 Häufig gestellte Fragen zu Android Handys
    h3 Was ist ein Smartphone mit Android?
    h3 Was sind die Vorteile von Android?
    h3 Können Android-Handys ohne Google Konto genutzt werden?
    h3 Was ist der Unterschied zwischen iPhone und Android?

Observations about description of topic/purpose:

• Main heading "Deine Lieblings-Apps. Auf deinem Android-Handy." implies page topic is "Android Apps"

• All headings level 2 are sub headings of main heading, implying related topics to "Android Apps"

Heading level 2 "Im Falle der Fälle helfen wir gerne" has one single sub heading level 3 "Schadensmeldung aufgeben". As with nested lists, where a list with a single item can be omitted, when having a single sub heading with a heading, the content should be evaluated and it should be considered to remove the unnecessary hierarchy level.

Observations in heading structure:

• Headings "PlusKarten für weitere Personen" and "Einfach zum Hauptvertrag hinzufügen" have no content

• Heading "Sie haben bereits eine aktuelle for Friends Hauptkarte und wollen Zusatzkarten bestellen?" has single sub heading without any content; sub heading only has button as content

Footnotes below FAQ are programmatically part of the last heading of the FAQ. So all footnotes are grouped as

1. iPad Vergleich – Alle Modelle im Überblick

   1. Häufig gestellte Fragen zum Thema „iPad vergleichen“

      1. Wie lange gibt es Updates für die iPads?

         1. FOOTNOTES

Footnotes below FAQ are programmatically part of the last heading of the FAQ. So all footnotes are grouped as

1. iPhone vergleichen: Alle Modelle im Überblick

   1. Häufig gestellte Fragen zum Thema "iPhone vergleichen"

      1. Welche iPhone-Modelle sind am beliebtesten?

         1. FOOTNOTES

Main page function of form and display of tariff options has no separate heading and as such is grouped solely under main heading "Günstig ins Ausland telefonieren". As this is not a failure of this success criterion, the observation is marked Priority 5 – Best Practice. Consider evaluation of text content structure / outline. Heading structure is the most used navigation method for users of assistive technology on a given page. Heading structure might be used to guess existing page content. This might be done by checking the main outline first, getting main heading and structure of page by level 2 headings, which would result in the following list:

• Günstig ins Ausland telefonieren

  • Alle Preisinformationen für Ihr Zielland

  • Häufig gestellte Fragen zum Telefonieren und SMS-Versenden ins Ausland

The user might navigate to "Alle Preisinformationen" first, skipping the intended main purpose content of the page. By giving the user explicit content structure, grouping all relevant content under at least a level 2 heading, keeping the base content below main heading level for introductory / descriptive content only, the user is more likely to (more easily or at all) find the important content.

Sub-Heading "Travel Mobil Optionen - Basispakete" uses main heading <h1> while not accurately describing whole page content / purpose.

This leads to more issues further down the heading hierarchy. Given the programmatically determinable heading structure:

h1 Travel Mobil Optionen - Basispakete
  h2 Travel Mobil Basic
  h2 Travel Mobil Basic World
  h2 Travel Mobil Optionen - Komfortpakete
  h2 Travel Mobil
  h2 Travel Mobil World
  h2 Ihre Vorteile
    h3 Sorglos und sicher reisen
    h3 Bequeme Vorbereitung
    h3 Bestmögliche Netzabdeckung
    h3 Günstig und einfach in Kontakt bleiben
  h2 Buchung
    h3 So einfach buchen Sie unsere Travel Mobil Optionen
      h4 Wunschtermin über die kostenlose Hotline buchen
      h4 Sofortbuchung über Kundencenter & MeinMagenta-App
      h4 Sofortbuchung per SMS
  h2 Alle Preisinformationen für Ihr Reiseland
  h2 Häufig gestellte Fragen zu den Travel Mobil Optionen
    h3 <!-- FAQ ITEMS -->

All tariff options are using <h2> headings, logically making "Travel Mobil" and "Travel Mobil World" Komfortpakete also sub headings of "Basispakete". Looking at heading hierarchy for Komforpaket "Tarvel Mobil World", we get this:

1. Travel Mobil Optionen - Basispakete

   1. Travel Mobil World

While intended structure would be more like this:

1. Travel Mobil Optionen

   1. Komfortpakete

      1. Travel Mobil World

Same goes for all other content. Headings "Vorteile" and "Buchung" logically are placed as content for "Basispakete" only, and looking at the heading structure / outline, there is no way to access information about "Komfortpakete" at all.

Page uses HTML heading element <h2> but not having a main heading <h1> present. When headings are used for structuring the page content, a main heading should be present.