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.4.11 Non-text Contrast (AA) Watch band color button "Gleich ausprobieren" does not have strong enough color contrast

Priority: Critical Low Page: Kider Uhr GPS Oneshop Observation Permalink
Accompanying Files
Observation Details

Colored circles are used as interactive elements to choose watch band color in the watch graphic. Color green (#9FBF54) does not have high enough color contrast ratio against the white background (2.1:1). A color contrast minimum of 3:1 must be met for all interactive elements, including buttons.

Remediation Notes

Ensure high enough color contrast of all interactive elements. In case of the color choice buttons, the possible remediation steps would be to

  • choose background color to meet contrast ratio minimum, or

  • use outline for buttons that does meet contrast ratio minimum

Side note: the buttons do have visible focus outlines when navigated to by keyboard. Ensure, when setting a button outline for the default un-focused and un-selected state, the color contrast ratio minimum is also met between un-focused and focused state, to not run into failure of 2.4.7 Focus Visible.