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.4.3 Focus Order (A) Visually hidden elements in focus order are not shown on focus

Priority: Serious Medium Page: iPhone Vergleich Observation Permalink
Observation Details

Elements that are visually hidden.

  • interactive elements in collapsed content

should not receive keyboard focus:

  • "Weitere Details anzeigen"

  • "Mehr anzeigen"

Remediation Notes

Ensure, visually hidden elements cannot receive keyboard focus.

Especially elements in collapsed accordion items, non-active tabs, and un-opened dialog windows should not receive keyboard focus.

If they can receive keyboard focus, the elements must be made clearly visible on receiving keyboard focus. This is a common method to hide skip links and un-hide them on keyboard focus, using e.g. a CSS class visually-hidden with selector .visually-hidden:not(:focus):not(:active).