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.2 Meaningful Sequence (A) Visual hierarchy does not match code markup

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;.