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) Main heading hidden and replaced by images

Priority: Moderate Low Page: Sport Megasport Option Observation Permalink
Observation Details

The main heading "MegaSport" is visually hidden using CSS styles opacity:0;position:absolute;left:0;top:0. It then is visually replaced by two images: "Mega Logo" & "Sport Logo".

Remediation Notes

Ideally, the main heading stays visible and the visual effects are built with native HTML/CSS solutions. If this is not wanted or viable, the images should be the main headings content as follows:

<h1><img src="..." alt="Mega" /><img src="..." alt="Sport" /></h1>

Semantic HTML heading elements are getting their accessible name from their content already. Moving the images into the main headings content will result in the wanted accessible name without code duplication or other work-arounds.