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.1.1 Non-text Content (A) Icons used non-decoratively in "Zusammenfassung" list but are hidden from assistive technology

Priority: Critical Low Page: iPhone Erleben Observation Permalink
Accompanying Files
Observation Details

The icons in "Zusammenfassung" list are hidden from assistive technology by using aria-hidden="true". The icons however are not decorative. The inform the user about the state of their answers from previous steps. As the icons are hidden, assistive technology announces the list items only.

Remediation Notes

Ensure all non-decorative images use proper text alternatives.

Ideally, the user input is not only displayed visually but reflected in the text content of the list like this:

<h3>Zusammenfassung</h3>
<p>
  Basierend auf Ihren Angaben erhalten Sie für Ihr iPhone 11 mit 128 GB bis zu 
  <span>29&nbsp;€</span>
</p>

<p>Sie haben angegeben, dass</p>
<ul>
  <li>sich Ihr Handy einschalten lässt</li>
  <li>Gehäuse und Bildschirm Ihres Handys nicht zertrümmert oder verbogen sind</li>
  <li>das Display keine Risse hat</li>
  <li>die Glasrückseite Risse aufweist</li>
</ul>

<p>
  Sollten wir nach der Prüfung zu einem anderen Ergebnis...
</p>

Another option would be to split the "YES" and "NO" lists.