Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[EuiSwitch] The contrast ratio of unchecked switches is below the WCAG threshold #6692

Closed
morhof opened this issue Apr 5, 2023 · 3 comments · Fixed by #6729
Closed

[EuiSwitch] The contrast ratio of unchecked switches is below the WCAG threshold #6692

morhof opened this issue Apr 5, 2023 · 3 comments · Fixed by #6729

Comments

@morhof
Copy link

morhof commented Apr 5, 2023

WCAG success criterion 1.4.11 - non-text contrast - AA

Steps to reproduce

  1. Click on Dashboard
  2. Select Create

image

Actual Result

  • The following contrast ratios of interactive elements do not conform to the minimum contrast requirements of 3:1. Therefore, these elements are more difficult to perceive, and may be completely missed by users with low vision:
    Borders of checkboxes 1,6:1,
    Toggle-switches 1,2:1.

Expected Result

  • Between foreground and background, the minimum contrast ratio should be 3:1
  • For disabled switch the label should be marked as disabled too
  • If the switch is in status "off", the contrast requirement must be met

Meta Issue
n.a.

Kibana Version:
8.3
OS:
Microsoft Windows 10 Enterprise (64-bit)
Browser:
Google Chrome 109.0.5414.75 (64-Bit)

Screen reader:
n.a.

Relevant WCAG Criteria:
WCAG success criterion 1.4.11 - non-text contrast - AA
https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html

Relevant ARIA spec:
n.a.

@elasticmachine
Copy link
Collaborator

Pinging @elastic/kibana-accessibility (Project:Accessibility)

@elasticmachine

This comment was marked as outdated.

@cee-chen
Copy link
Member

cee-chen commented Apr 5, 2023

Transferring this to the EUI repo.

@cee-chen cee-chen transferred this issue from elastic/kibana Apr 5, 2023
@cee-chen cee-chen changed the title (Accessibility) The contrast ratio of some graphical elements is below the threshold - example 2 [EuiSwitch] The contrast ratio of unchecked switches is below the WCAG threshold Apr 5, 2023
@breehall breehall self-assigned this Apr 24, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants