* - Widget - Language Selector - Language selector fails colour contrast (AA)

What the issue is

Language selectors can fail colour contrast requirements when the text or graphical objects do not provide enough contrast against their background. This makes it difficult for users with visual impairments, including those with color vision deficiencies, to discern the options or current selection within the language selector widget.

Why this is important

Sufficient color contrast is essential for users with visual impairments to navigate and interact with web content successfully. It is particularly crucial for user interface components like language selectors, as these controls are pivotal in accessing information in the user's preferred language. Failing to meet the minimum contrast requirements can lead to a barrier in accessing web content, especially for individuals with low vision or color vision deficiencies.

Who it affects

This issue primarily affects:

  1. Users with visual impairments, such as low vision.
  2. Users with color vision deficiencies.

How to remediate the issue

  1. Ensure that text within the language selector has a contrast ratio of at least 4.5:1 against its background.
  2. For graphical objects part of the language selector, such as dropdown arrows or icons, ensure a contrast ratio of at least 3:1 against the background to meet AA standards.
  3. Use tools and resources to evaluate and adjust the color contrast to meet or exceed the minimum requirements.