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: Senioren Smartwatch 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 watch functions. The collapsible uses a generic HTML element:

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

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

<a data-scroll-trigger="telefonfunktion" data-tealium-rel="..." class="...">
  Telefonfunktion
</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="#telefonfunktion">Telefonfunktion</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 Safety Watch ist eine Smartwatch, die ...</summary>
  <p>...</p>
</details>