Skip to content

(Accessibility) The contrast ratio of input fields border is below the WCAG threshold #176219

@morhof

Description

@morhof

WCAG successs criterion 1.4.11 - Non-Text Contrast - AA

Steps to reproduce

  1. Click on Dashboard
  2. Click on Search field

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,2:1

Expected Result

Between foreground and background, the minimum contrast ratio should be 3:1

Meta Issue
n.a.

Kibana Version:
8.11.2

OS:
Microsoft Windows 11 Enterprise 64bit
22H2 (10.0.22621.3007)

Browser:
Chrome Version 121.0.6167.140

Screen reader: [if relevant]
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

Labels

EUIProject:AccessibilitySharedUX/fix-it-weekBugs that have been groomed and queued up for the team's next fix it weekTeam:SharedUXPlatform AppEx-SharedUX (formerly Global Experience) t//WCAG AAbugFixes for quality problems that affect the customer experiencedefect-level-2Serious UX disruption with workaround a11yplatform-accessibilityUse to identify Platform a11y issues. Do not remove when an area team is assigned.

Type

No fields configured for Epic.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions