70 issues found for 1.4.1 Use of Color

Links are only differentiated from normal body text (black, rgb(38, 38, 38)) by use of color (blue, rgb(0, 115, 159)).

In addition, the contrast ratio of link text color and body text color also is insufficient (2.8:1 < 3:1).

Keyboard focus of Magenta button changes background color. Difference between default and focused state does not meet minimum contrast ratio (3:1). Instead, the difference is barely visible at 1.1:1.

Focusing an FAQ item via keyboard changes its background color. The color difference alone is not enough to visually indicate a focus state. The color difference must meet a 3:1 contrast ratio.

Keyboard focus of radio button changes background color. Difference between default (#FFFFFF) and focused (#EDEDED) state does not meet minimum contrast ratio (3:1). Instead, the difference is barely visible at 1.2:1.

Keyboard focus of outline (ghost) button changes background color. Difference between default (#FFFFFF) and focused (#E6E6E6) state does not meet minimum contrast ratio (3:1). Instead, the difference is barely visible at 1.2:1.

Keyboard focus of Magenta button changes background color. Difference between default and focused state does not meet minimum contrast ratio (3:1). Instead, the difference is barely visible at 1.1:1.

Links are only differentiated from normal body text (black, rgb(38, 38, 38)) by use of color (blue, rgb(0, 115, 159)).

In addition, the contrast ratio of link text color and body text color also is insufficient (2.8:1 < 3:1).

Multiple links in dialog windows (footnotes) found.

Links are only differentiated from normal body text (black, rgb(38, 38, 38)) by use of color (blue, rgb(0, 115, 159)).

In addition, the contrast ratio of link text color and body text color also is insufficient (2.8:1 < 3:1).

Links can be found, e.g. in

• footnote dialog windows "Ankaufsbonus", as "Teilnahmebedingungen" links.

• "Tarif ändern" dialog window as "Preisliste, Leistungsbeschreibung und AGB"

The link "Zum Tarif ohne Gerät" solely relies on color to be differentiated from the other text content.

"Alle Paketdetails anzeigen" element uses blue color to indicate it being an interactive element. Color must not be the only way to convey such information.

Keyboard focus of Magenta button changes background color. Difference between default and focused state does not meet minimum contrast ratio (3:1). Instead, the difference is barely visible at 1.1:1.

"Mehr Infos" links in content containers rely on color to differentiate from surrounding text. While other links (see news tiles section) also use boldened text and a caret icon before the link text, these "Mehr Infos" links are visually harder to distinguish from "normal" copy text.

Keyboard focus of Magenta button changes background color. Difference between default and focused state does not meet minimum contrast ratio (3:1). Instead, the difference is barely visible at 1.1:1.

Keyboard focus of "Play" button ("Ihre Vorteile im größten 5G-Netz Deutschlands") changes background color. Difference between default and focused state does not meet minimum contrast ratio (3:1). Instead, the difference is barely visible at 1.2:1.

Links are only differentiated from normal body text (black, #383838) by use of color (blue, #00739f). In addition, the contrast ratio of link text color and body text color also is insufficient (2.2:1 < 3:1).

Links can be found, e.g. as

• "Handyverträgen" in section "Wissenswertes rund um den Netzausbau"

• "5G-Netz" in section "Bleiben Sie auf dem neuesten Stand"

• various links in FAQ section "Welches Smartphone ist 5G-fähig?"

• Additionally, not quite fitting this success criterion but an accessibility issue anyway is the link "Deutschen Funkturm" in section "Helfen Sie dabei unser 5G-Netz noch größer zu machen!". This link does not even use any color difference (contrast ratio 1:1). The link is not visually identifiable at all. (see attached screenshot)

Focusing an FAQ item via keyboard changes its background color. The color difference alone is not enough to visually indicate a focus state. The color difference must meet a 3:1 contrast ratio. Currently it is barely visible at 1.2:1

Options in map layers rely on color alone to be identified. Doing so, while not meeting contrast ratio minimum (3:1) is an accessibility issue.

Keyboard focus of Magenta button changes background color. Difference between default and focused state does not meet minimum contrast ratio (3:1). Instead, the difference is barely visible at 1.1:1.

"Jetzt buchen / Jetzt dazubuchen" buttons in tariff card and also in the following dialog window.

"Alle Paketdetails anzeigen" element uses blue color to indicate it being an interactive element. Color must not be the only way to convey such information.

Keyboard focus of Magenta button changes background color. Difference between default and focused state does not meet minimum contrast ratio (3:1). Instead, the difference is barely visible at 1.1:1.

Keyboard focus of buttons "Hast du einen MagentaTV Vertrag?", "Welchen Telekom Vertrag hast du?", and "Close Button" in "Auswählen" dialog window (section "MagentaSport: Alle Angebote im Überblick") changes background color. Difference between default and focused state does not meet minimum contrast ratio (3:1). Instead, the difference is barely visible at 1.2:1.

Links are only differentiated from normal body text by use of color.

1. The contrast ratio of link text color and body text color is sufficient (3.4:1) and as such is no failure. Links can be found as "XPLORA X6 Play eSIM", "Anio 6" in body copy text

2. The contrast ratio of link text color and FAQ body text color is not sufficient (2.6:1 < 3:1) as it uses a different body text color (rgb(56, 56, 56)). Links can be found as "eSIM", "WLAN-Router und -Repeater" in FAQ section "Das sollten Sie zum Thema IoT wissen"

Links are only differentiated from normal body text by use of color.

The contrast ratio of link text color and FAQ body text color is not sufficient (2.6:1 < 3:1) as it uses a different body text color (rgb(56, 56, 56)). Links can be found in most FAQ items. Especially the link "Mehr Infos zum JohanniterCall" is included in each function section.

Side Note: The link list in section "Wie eine Smartwatch mit Gesundheitsfunktionen helfen kann bei" also uses links only differentiated by color. As those are just above minimum color contrast ratio, they alone do not constitute a failure of this success criterion.

Links are only differentiated from normal body text by use of color.

The contrast ratio of link text color and FAQ body text color is not sufficient (2.6:1 < 3:1) as it uses a different body text color (rgb(56, 56, 56)). Links can be found in FAQ items.

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Links

• Buttons – Magenta button, outline button

• Input elements (e.g. radio buttons)

• Accordion items

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• Handyvertrag

• EU-Ländern

• Allnet Flat

• Travel & Surf

• ...

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• Alle Paketdetails anzeigen

Carousel pagination buttons rely on color difference to differentiate button states. Color contrast ratio between selected and unselected button is 2.9:1, thus not meeting minimum requirement of 3:1.

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• "Telekom Netz" in footnote dialog window "Bestes & größtes Mobilfunknetz Deutschlands!"

  • No underline

  • Color contrast ratio to surrounding text is 2.8:1

Links are only differentiated from normal body text (black, rgb(38, 38, 38)) by use of color (blue, rgb(0, 115, 159)).

In addition, the contrast ratio of link text color and body text color also is insufficient (2.8:1 < 3:1).

Links can be found, e.g. in

• "Tarif ändern" dialog window as "Preisliste, Leistungsbeschreibung und AGB"

Links are only differentiated from normal body text (black, rgb(38, 38, 38)) by use of color (blue, rgb(0, 115, 159)).

In addition, the contrast ratio of link text color and body text color also is insufficient (2.8:1 < 3:1).

Links can be found, e.g. in

• footnote dialog windows "Ankaufsbonus", as "Teilnahmebedingungen" links.

• "Tarif ändern" dialog window as "Preisliste, Leistungsbeschreibung und AGB"

Links are only differentiated from normal body text (black, rgb(38, 38, 38)) by use of color (blue, rgb(0, 115, 159)).

In addition, the contrast ratio of link text color and body text color also is insufficient (2.8:1 < 3:1).

Links can be found, e.g. in

• "Tarif ändern" dialog window as "Preisliste, Leistungsbeschreibung und AGB"

Links are only differentiated from normal body text (black, rgb(38, 38, 38)) by use of color (blue, rgb(0, 115, 159)).

In addition, the contrast ratio of link text color and body text color also is insufficient (2.8:1 < 3:1).

Links can be found, e.g. in

• "Tarif ändern" dialog window as "Preisliste, Leistungsbeschreibung und AGB"

Links are only differentiated from normal body text (black, rgb(38, 38, 38)) by use of color (blue, rgb(0, 115, 159)).

In addition, the contrast ratio of link text color and body text color also is insufficient (2.8:1 < 3:1).

Links can be found, e.g. in

• "Tarif ändern" dialog window as "Preisliste, Leistungsbeschreibung und AGB"

Links are only differentiated from normal body text (black, rgb(38, 38, 38)) by use of color (blue, rgb(0, 115, 159)).

In addition, the contrast ratio of link text color and body text color also is insufficient (2.8:1 < 3:1).

Links can be found, e.g. in

• footnote dialog windows "5G", as "Telekom Netz" link

• Tariff carousel as "Preisliste, Leistungsbeschreibung und AGB" link

• Tariff carousel "Tarifdetails" dialog window as "www.hotspot.de", "Produktinformationsblatt" ,"Preisliste, Leistungsbeschreibung und AGB" links

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• "MagentaEins" in "Unser Tipp für Mobilfunkkunden"

• "Zusatzkarte" in

  • "Weitere Angebote für Ihre Apple Watch"

  • FAQ item "Was sind die Vorteile der Apple Watch für Kinder?"

• "Smart Connect" in FAQ item "Welcher Telekom Tarif eignet sich für die Apple Watch für Kinder?"

Hovering interactive element adds visual indicator that does solely rely on color to be differentiated from default state and color contrast ratio of default and hover states does not meet minimum required 3:1 color contrast ratio.

• "Zum Angebot" link in "Die Apple Watch ist für alle da. Auch wenn Sie noch kein iPhone haben."

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• "Telekom Netz" link in "Netz" dialog window

Focused interactive elements with focus states solely relying on color difference:

• "Handyankauf" form

  • All/most steps

    • Buttons

      • Weiter

      • Ohne Aktion fortfahren

      • Verbindliche Anfrage abschicken

  • Step 2

    • Close button in dialog window "Wo finde ich die IMEI-Nummer?"

  • Step 3

    • Close button in dialog windows (triggered by info icon)

  • Step 5

    • Close button in dialog window "Wo finde ich die Angaben?"

    • "Prüfen" button

  • Step 6

    • Select / Dropdown "Anrede"

    • Checkboxes

      • Focus state

      • Error state

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Links

• Buttons

• Input elements (e.g. radio buttons)

• Accordion items

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include "Handyankauf" form:

• General

  • Zurück buttons/links

• Step 2

  • Wo finde ich die IMEI-Nummer?

• Step 5

  • Wo finde ich die Angaben?

• Step 6

  • Checkbox links

    • Ankaufsbedingungen

    • Datenschutzbestimmungen

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• link "Preisliste, Leistungsbeschreibung und AGB" in tariff cards

• link "Telekom Netz" in 5G Netz dialog window

• links in "Tarifdetails" dialog windows

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• "Weitere Details"

  • links in "Weitere Details" dialog window do not use any differentiating style

• "Teilnahmebedingungen" in "Ankaufsbonus" dialog window

• links in "Herstellerangaben" section

• links in collapsible item (info i icon in sidebar)

• links "Tarif ändern" and "Tarif entfernen" in sidebar

• link "Preisliste, Leistungsbeschreibung und AGB" in "Tarif ändern" dialog window

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• "Close" button in footnote dialog window

Error state in "Handyankauf" dialog window uses color on the input field. Color used has not enough contrast ratio to background color and not enough color contrast ratio to default or success state of input field.

Error state in "Handyankauf" dialog window uses color on the input field. Color used has not enough contrast ratio to background color and not enough color contrast ratio to default or success state of input field.

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• "Weitere Details"

  • links in "Weitere Details" dialog window do not use any differentiating style

• "Teilnahmebedingungen" in "Ankaufsbonus" dialog window

• links in "Herstellerangaben" section

• links in collapsible item (info i icon in sidebar)

• links "Tarif ändern" and "Tarif entfernen" in sidebar

• link "Preisliste, Leistungsbeschreibung und AGB" in "Tarif ändern" dialog window

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• 5G Netz Dialog window, link "Telekom Netz"

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• "Telekom Netz" link in 5G dialog window

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• "Telekom Netz" in 5G/Netz dialog window

• "www.telekom.de/agb" in Ankaufsbonus dialog window

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• Body copy links

• Links in FAQ items

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• Netz / 5G dialog window

Links/Text Buttons solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• Weitere Details anzeigen

• Weitere Infos zum Apple Pencil

• Weitere Infos zu iPad Keyboards

• Mehr anzeigen / Weniger anzeigen

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include all body copy links and all links in FAQ items.

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Buttons (magenta and outline buttons)

• Input elements (radio buttons)

• Accordion items

• Carousel pagination dots do not meet 3:1 contrast ratio between active (magenta) and inactive (gray) interactive elements.

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include all body copy links and all links in FAQ items.

Text buttons solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of text buttons text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Text buttons, relying on color only and with insufficient color contrast ratio to surrounding text content include "Länderliste" dialog window trigger buttons.

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Magenta buttons

• Outline buttons

• Accordion items

• Carousel pagination dots do not meet 3:1 contrast ratio between active (magenta) and inactive (gray) interactive elements.

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include all body copy links.

Text buttons solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of text buttons text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Text buttons, relying on color only and with insufficient color contrast ratio to surrounding text content include "Länderliste" dialog window trigger buttons.

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Dropdown / Selection list "Reiseland"

• Radio buttons

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• Telekom AGB link in "VIP Lieferung" footnote dialog window

Checkbox input "Datenschutzhinweise" error state is solely conveyed by use of color.

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• "Telekom Netz" in 5G / Netz dialog windows

• "Mehr zu MagentaEINS" magenta button

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Links

• Buttons

• Input elements (e.g. radio buttons)

• Accordion items

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include body copy links and links in various dialog windows.

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include:

• "Teilnahmebedingungen"

• Form

  • "Wo finde ich die IMEI-Nummer?"

  • "Wo finde ich die Angaben?"

  • "Ankaufsbedingungen"

  • "Datenschutzbestimmungen"

• Handyankauf form

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Buttons

• Input elements (e.g. radio buttons, checkboxes)

Focused interactive elements with focus states solely relying on color difference:

• "Handyankauf" form

  • All/most steps

    • Buttons

      • Weiter

      • Ohne Aktion fortfahren

      • Verbindliche Anfrage abschicken

  • Step 2

    • Close button in dialog window "Wo finde ich die IMEI-Nummer?"

  • Step 3

    • Close button in dialog windows (triggered by info icon)

  • Step 5

    • Close button in dialog window "Wo finde ich die Angaben?"

    • "Prüfen" button

  • Step 6

    • Select / Dropdown "Anrede"

    • Checkboxes

      • Focus state

      • Error state

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Links

• Buttons

• Input elements (e.g. radio buttons)

• Accordion items

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Magenta Buttons

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Magenta Buttons

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Magenta Buttons

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Magenta Buttons

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Magenta Buttons

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Magenta Buttons

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Magenta Buttons

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Magenta Buttons

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Outline Buttons

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Outline Buttons

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Outline Buttons

Links solely rely on color to be differentiated from other, surrounding text content and color contrast ratio of link text color to surrounding text color does not meet minimum required 3:1 color contrast ratio. Links, relying on color only and with insufficient color contrast ratio to surrounding text content include blue color links on white and light non-white backgrounds.

Common places:

• "Tarif ändern" dialog window

• Shop sidebar – Info "i" icon

• Body copy

• FAQ items

• "Alle Paketdetails" links in tariff cards

• "Preisliste, Leistungsbeschreibung und AGB" link in tariff carousel

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Links

• Buttons

• Input elements (e.g. radio buttons)

• Accordion items

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Magenta Buttons

Focusing interactive element adds visual focus indicator that does solely rely on color to be differentiated from default, un-focused state and color contrast ratio of default and focused states does not meet minimum required 3:1 color contrast ratio. Interactive elements' focus states, relying on color only and with insufficient color contrast ratio to default, un-focused state include:

• Outline Buttons