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

2.1.1 Keyboard (A) Interactive elements are not focusable by keyboard

Priority: Critical Low Page: Smartwatch mit Gesundheitsfunktionen Observation Permalink
Accompanying Files
Observation Details

A variety of interactive elements are not focusable by keyboard navigation. This includes the collapsible in main heading section and the link list of different medical conditions. The collapsible uses a generic HTML element:

<div class="..." data-subline-addition="expander"></div>

The links in the medical conditions link list do not have the obligatory href attribute for HTML link element:

<a data-scroll-trigger="epilepsie" data-tealium-rel="..." class="...">
  Epilepsie
</a>
Remediation Notes

Ensure, using correct semantic HTML elements for functionality that can be built using native HTML. Use proper HTML links by adding href attributes with target element's ID:

<a href="#epilepsie">Epilepsie</a>

Consider use of HTML navigation element, as the list functions as on-page navigation to scroll to different sections.

For a collapsible element, ensure using the native details and summary elements:

<details>
  <summary>Eine Smartwatch mit Gesund­heits­funktionen, wie die</summary>
  <p>Safety Watch, unterstützt z. B. im Alltag, indem ...</p>
</details>