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: iPhone Erleben Observation Permalink
Accompanying Files
Observation Details

"Handyankauf" form step headings use control characters for line breaks.

<h2 class="...">
  "IMEI-Nummer "
  "Ihres"
  "iPhone 11"
  " mit "
  "128"
  "GB "
  " für Ihren Ankauf "
</h2>

Character codes are 000D, Carriage Return, \r & 000A, Line Feed, \n.

A screen reader announces this as follows:

Heading
IMEI-Nummer Ihres iPhone 11 mit 128GB für Ihren Ankauf
8 Items
You are currently on a Heading level 2
IMEI-Nummer, level 1
Ihres, level 1
Leerzeichen, level 1
iPhone 11, level 1
mit, level 1
128, level 1
GB, level 1
für Ihren Ankauf, level 1
End of Heading Level 2

Subsequent heading levels (e.g. right now the whole body copy text below this heading level 2 in step 2 is a heading with 9 items, including announced space characters) will further worsen the announcements as levels are going deeper.

Remediation Notes

Ensure no special control characters are used in text content. Paragraphs must always use <p> elements and manual line breaks must be avoided unless necessary (e.g. in poetry).

Ensure only actual heading content uses heading elements.