Contrast of a message box
I'm in the middle of updating the colours of our app and making them as consistent as possible, but also trying to bring them in line with the WCAG AA rating for contrast.
One area I'm unsure if I need to do this for, is an alert/info message that is displayed say at the top of a form to give users info about any warnings, or errors for example.
In this example, the text has an AA contrast of 7.09:1
, however the yellow box itself is only 1.39:1
and therefore fails, however the containing box is not a component, or anything a user needs to directly interact with so do I actually need to worry about the contrast here? From a design perspective, I'd prefer a lighter colour (and on the other message types as well) but am just conscious of the contrast