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) List marker count announced twice

Priority: Moderate Low Page: Magenta Tarife Young Observation Permalink
Accompanying Files
Observation Details

The ordered list in dialog window "So einfach bekommst Du den Vorteil" uses "custom list markers" with CSS content: counter(magenta-counter).

List items in semantic HTML lists are automatically numbered and the count is announced by assistive technology by default. Adding a separate count as accessible content via CSS content results in duplication of count announcement.

Remediation Notes

Ideally, remove custom counter content and use semantic HTML elements without modification to keep correct announcement for assistive technology.

If customization is obligatory, use the custom marker on the actual ::marker instead of removing it and providing custom content in ::after. For more information about this, refer to W3C – CSS Lists and Counters.