Skip to content

[A11y]: Comply text colors w/ WCAG standards > 'text-muted'

Warren Gifford requested to merge a11y/text-contrast-muted-on-grey into main

Created by: st0nebraker

Closes #5538 (closed): Fixes 'text-muted' wherever used on a grey background (this violates WCAG color contrast standards). image

Notes

  • The new Figma DLS shows a slightly darker grey HEX for most of these items anyway. So I brought the related colors in & updated the relevant text-muted instances.
  • I reached out to some of our designers (Steven & Tracey), and asked if the Handbooks Brand Color guidelines can be in sync with the new Figma DLS above to eliminate any confusion on our end.
  • We may need another ticket to deal with DLS color updates. Ticket here #5559

Changelog

  • Updates text-muted instances to be in line with DLS & comply with WCAG color contrast standards.
  • Reduces unneeded BEM css in files touched.

Test

  1. Ensure prettier has standardized the proposed changes.
  2. Run an ARC Toolkit test to ensure changed colors don't violate requirement.
  3. Ensure pages with removed BEM classes have a comparable appearance now.

Merge request reports