Skip to content

[Security Solution] Secondary text fails AAA colour contrast #121758

Closed

Description

Describe the bug:
Small secondary text fails AAA colour contrast

Kibana/Elasticsearch Stack version:
v 7.16.1

Original install method (e.g. download page, yum, from source, etc.):
Eden

Functional Area (e.g. Endpoint management, timelines, resolver, etc.):
Detect > Exceptions (probably all Kibana

Current behavior:
Text colour is set to #69717d on a background of #fefeff which fails AAA

See: https://colourcontrast.cc/fefeff/69717d

Expected behavior:

Changing the text colour to #000000 visually makes the design clearer and also passes AAA increasing our accessibility score overall. See before and after screenshots below.

If we're going to put contention on the page we should make sure everyone can read it.

Screenshots (if relevant):

Before
image

After
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Labels

Team: SecuritySolutionSecurity Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc.UX: UI/UX ConsultationRequires UX lead input/consult before development and UX lead approval on PR before merge.accessibility best practiceaccessibility: design systemAccessibility issues that can be updated with EUIbugFixes for quality problems that affect the customer experiencefixedv8.0.0

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions