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

9 issues found for 1.3.2 Meaningful Sequence

Aktionen (1 issues)

View All Issues for Page Visit Page
Visual hierarchy does not match code markup

IoT-Verteilerseite (1 issues)

View All Issues for Page Visit Page
Visually presented order not matching DOM order

Kider Uhr GPS Oneshop (1 issues)

View All Issues for Page Visit Page
Sequence main heading → badge

Kids-Watch (1 issues)

View All Issues for Page Visit Page
Sequence main heading → badge implies meaning

Senioren Smartwatch (1 issues)

View All Issues for Page Visit Page
Visually presented order not matching DOM order

Smartwatch mit Gesundheitsfunktionen (1 issues)

View All Issues for Page Visit Page
Visually presented order not matching DOM order

Vertragsverlängerung (1 issues)

View All Issues for Page Visit Page
Step by Step Guide not using correct sequence

iPad Vergleich (1 issues)

View All Issues for Page Visit Page
Collapsed content not hidden from assistive technology

iPhone Vergleich (1 issues)

View All Issues for Page Visit Page
Collapsed content not hidden from assistive technology
Priority: Moderate Low Page: IoT-Verteilerseite Observation Permalink
Accompanying Files
Observation Details

Visually presented and logical order is

  1. main heading "Internet of Things – Für die Liebsten nur das Beste" followed by

  2. the question "Was ist IoT?".

Text content order in DOM and accessibility tree however is reversed.

Side note: Visual main heading also does not use semantic HTML heading; see observation for 1.3.1 Info and Relationships.

Remediation Notes

Visually presented order should follow the order in code markup. Ensure, the (presented) main heading "Internet of Things ..." is placed before the section "Was ist IoT?" in code markup.

Priority: Minor Low Page: Kids-Watch Observation Permalink
Accompanying Files
Observation Details

Navigating by assistive technology, focus order moves from main heading to green badge, resulting in the following announcement:

Wie funktioniert die Kids Watch?

Nur online

This implies unwanted meaning.

Remediation Notes

Ensure, all content is in order of implied meaning. Especially elements with CSS position: absolute are prone to be in the "wrong" order. In this situation, a specific meaning is implied.

Priority: Moderate Low Page: Smartwatch mit Gesundheitsfunktionen Observation Permalink
Accompanying Files
Observation Details

Visually presented and logical order is

  1. main heading "Für mehr Sicherheit und Aktivität – Die Telefonuhr mit SOS-Funktion" followed by

  2. the question "Wie kann die Safety Watch als Gesundheitsuhr bei chronischen Krankheiten helfen?".

Text content order in DOM and accessibility tree however is reversed.

Side note: Visual main heading also does not use semantic HTML heading; see observation for 1.3.1 Info and Relationships.

Remediation Notes

Visually presented order should follow the order in code markup. Ensure, the (presented) main heading "Für mehr Sicherheit ..." is placed before the section "Wie kann ... helfen?" in code markup.

Priority: Moderate Low Page: Senioren Smartwatch Observation Permalink
Observation Details

Visually presented and logical order is

  1. main heading "Gemeinsam sicher fühlen – Die Telefonuhr mit SOS-Funktion" followed by

  2. the question "Was ist die Safety Watch?".

Text content order in DOM and accessibility tree however is reversed.

Side note: Visual main heading also does not use semantic HTML heading; see observation for 1.3.1 Info and Relationships.

Remediation Notes

Visually presented order should follow the order in code markup. Ensure, the (presented) main heading is placed before the question section in code markup.

Priority: Moderate Low Page: Vertragsverlängerung Observation Permalink
Accompanying Files
Observation Details

The items in the step by step "Vertrag verlängern – so funktioniert's" (and "Tarif wechseln – so funktioniert's") dialog window are announced by assistive technology in the order shown in the attached screenshot. The number icon items are announced separately after the other items.

Priority: Moderate Low Page: Aktionen Observation Permalink
Accompanying Files
Observation Details

Visual hierarchy of stage area presented as

  1. 30 Jahre

  2. Wir feiern mit tollen Angeboten und Aktionen

  3. Nur im Juni

Visual order is presented in code markup as

  1. Nur im Juni

  2. 30 Jahre Telekom

  3. Wir feiern mit tollen Angeboten und Aktionen

Visual hierarchy is more important for understanding than order in code markup. The order is used e.g. for announcements by assistive technology

Remediation Notes

Ensure content structure is presented accurately in code markup. Visual order can be manipulated, e.g. by using CSS

  • order: -1;

  • flex-direction: column-reverse;.

Priority: Moderate Low Page: Kider Uhr GPS Oneshop Observation Permalink
Accompanying Files
Observation Details

Navigating by assistive technology, focus order moves from main heading to green badge, resulting in the following announcement:

Was ist das Besondere an der Anio Kinderuhr mit GPS?

30 Jahre

Remediation Notes

Ensure, all content is in order of implied meaning. Especially elements with CSS position: absolute are prone to be in the "wrong" order.

The "30 Jahre" Badge is not in intended order and without any context may confuse users of assistive technology.

Priority: Serious Low Page: iPad Vergleich Observation Permalink
Accompanying Files
Observation Details

Collapsed content must be hidden from being accessed via assistive technology and keyboard navigation.

The collapsed content in "Weitere Details anzeigen" and "Mehr anzeigen" is still accessible.

Remediation Notes

Ensure all collapsed content is properly hidden from being accessed via assistive technology and keyboard navigation.

Priority: Serious Low Page: iPhone Vergleich Observation Permalink
Accompanying Files
Observation Details

Collapsed content must be hidden from being accessed via assistive technology and keyboard navigation.

The collapsed content in "Weitere Details anzeigen" and "Mehr anzeigen" is still accessible.

Remediation Notes

Ensure all collapsed content is properly hidden from being accessed via assistive technology and keyboard navigation.