User mentions color contrast doesn't pass WCAG

This is an actionable insight from the UX Department: MRs experience async critique research (insight).

What

The background-foreground color contrast of user mentions doesn't pass WCAG AA for normal text (#1068bf and #cbe2f9 respectively), so the highlight is canceling out legibility.

image

How

Consider using either:

  1. A lighter background $blue-50: #e9f3fc CleanShot_2020-12-07_at_11.59.28
    • We do use $orange-50 background color to highlight current user mentions: CleanShot_2020-12-07_at_12.02.21
  2. Or a darker text color $blue-700: #0b5cad CleanShot_2020-12-07_at_12.01.13