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) WOW logo image hidden and contents then duplicated

Priority: Best Practice Low Page: Magenta TV Streaming Dienste Partner wow Observation Permalink
Accompanying Files
Observation Details

The WOW logo uses an img element, including an alt="WOW" attribute, but hidden via aria-hidden="true". The heading then goes ahead and uses the same text content, making this the markup for the heading

<div class="...">
  <img
    class="..."
    alt="WOW" 
    aria-hidden="true"
    width="200" height="133"
    src="..." data-src="..."
  >
  <div class="..." style="...">
    <div class="...">
      <h3 class="...">
        <span class="...">WOW&nbsp;</span>
        Sport, Filme &amp; Serien in einem Paket
      </h3>
    </div>
  </div>
</div>

creating unnecessary complexity in markup.

Remediation Notes

While not a failure of a success criterion, the heading structure can be simplified by using best practices. Please also refer to observation 1.3.1 Info and Relationships – "Semantic HTML" for general remarks about the use of semantic HTML. Example simplification, using the already existing text alternative of the image within the heading:

<h3>
  <img alt="WOW" width="200" height="133" src="...">
  <span>Sport, Filme &amp; Serien in einem Paket</span>
</h3>