Problem: Some color combinations have low contrast and thus low readability for people with visual impairments.
Typical Problems:
lightblue (rgb(157, 211, 242)) on midblue (rgb(31, 112, 158))
white (rgb(255,255,255)) on pink (rgb(255, 56, 119))
Possible Solutions
For blue colors: Consider if the same text in white instead of light blue would also look fine.
For pink: Consider using a darker pink (--pink-darker, rgb(213, 43, 97))
or don’t use pink as background color for large areas and use --mainGrey instead, maybe with a pink accent border.
hi @jdittrich, thanks for adding this issue. The lightblue on midblue was removed.
I think we only need to deal with the pink, but not sure what we want to do yet.
Problem: Some color combinations have low contrast and thus low readability for people with visual impairments.
Typical Problems:
lightblue (
rgb(157, 211, 242)
) on midblue (rgb(31, 112, 158)
)white (
rgb(255,255,255)
) on pink (rgb(255, 56, 119)
)Possible Solutions
For blue colors: Consider if the same text in white instead of light blue would also look fine.
For pink: Consider using a darker pink (
--pink-darker
,rgb(213, 43, 97)
) or don’t use pink as background color for large areas and use--mainGrey
instead, maybe with a pink accent border.