Skip to content

[EuiCheckBox] The contrast ratio of unchecked checkboxes is below the WCAG threshold #6690

@morhof

Description

@morhof

WCAG success criterion 1.4.11 - non-text contrast - AA

Steps to reproduce

  1. Open Dashboard

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.

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.

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions