Skip to content

fix(a11y): improve color contrast to meet WCAG 2.1 AA#396

Open
WanjohiSammy wants to merge 1 commit into
masterfrom
fix/a11y-color-contrast
Open

fix(a11y): improve color contrast to meet WCAG 2.1 AA#396
WanjohiSammy wants to merge 1 commit into
masterfrom
fix/a11y-color-contrast

Conversation

@WanjohiSammy

Copy link
Copy Markdown
Member

Fix color contrast issues across multiple components:

  • [OData - Developers-Response popup]: Close (X) button focus state contrast improved from 1.605:1 to 6.13:1 by changing active/focus border color to #955000 and adding explicit focus outline
  • [OData - Home]: Search typeahead suggestion title color changed from #ff9900 (2.9:1) to #955000 (6.13:1); description color changed from #6c757d (4.6:1) to #595959 (7.0:1)
  • [OData - Home]: Hamburger icon focus indicator at 400% zoom now has white outline (4.51:1 against navbar background #d24714)
  • Fix pre-existing white-on-white active state text (#fff on white gradient) in Swiftype autocomplete legacy selectors

All contrast ratios now meet or exceed WCAG 2.1 AA thresholds:

  • 4.5:1 for normal text
  • 3:1 for UI components and focus indicators

Fix color contrast issues across multiple components:

- [OData - Developers-Response popup]: Close (X) button focus state
  contrast improved from 1.605:1 to 6.13:1 by changing active/focus
  border color to #955000 and adding explicit focus outline
- [OData - Home]: Search typeahead suggestion title color changed
  from #ff9900 (2.9:1) to #955000 (6.13:1); description color
  changed from #6c757d (4.6:1) to #595959 (7.0:1)
- [OData - Home]: Hamburger icon focus indicator at 400% zoom now
  has white outline (4.51:1 against navbar background #d24714)
- Fix pre-existing white-on-white active state text (#fff on white
  gradient) in Swiftype autocomplete legacy selectors

All contrast ratios now meet or exceed WCAG 2.1 AA thresholds:
- 4.5:1 for normal text
- 3:1 for UI components and focus indicators

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant