Skip to content

[SideNavigation][a11y] contrast does not meet 3 to 1 ratio  #2210

Open
@jenndiaz

Description

Description

The selected SideNav item color does not meet 3 to 1 contrast ratio with the adjacent background colors.

Steps to reproduce

  1. Go to the docs site for side nav
  2. Observe the selected standard variant, the background color of the selected variant compared to the background color of the adjacent SideNav items background colors

Expected behavior

The contrast between the non-selected and selected SideNav items MUST be at least 3:1.

Screenshots

Screenshot 2023-10-12 at 10 32 36 AM

Additional context

This is a failure of WCAG Success Criteria: 1.4.11 Non-text Contrast (Level AA) – WCAG 2.1
WCAG Understanding document: https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast

Metadata

Labels

a11yQuestions or topics for the accessibility teamask designQuestions or topics for the design teambugResults from a bug in the CSS implementationsync to jiraThese will be pushed into adobe internal jira

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions