Guru Brand Colors: Screen Accessibility
What is screen color accessibility?
Color accessibility enables people with visual impairments or color vision deficiencies to interact with digital experiences in the same way as their non-visually-impaired counterparts.
What does this mean for the Guru brand colors?
Make sure the contrast between foreground and background colors is high enough for visually-impaired individuals and screen-reading technology to be able to differentiate. Below are all of our Guru colors with the correct screen accessibility standards.
If the letters are in white on the color, that means use white text on top of that color.
If the letters are in black, that means use black text on top of that color.
Full brand color information (including hex codes) in this card.
A quick lesson:
Here are two examples of our Guru green with text on top of it.
Which color combination correctly meets screen accessibility standards?
Answer: The left one! Wooo! Nailed it. 🎉
The right-side one is incorrect because white on top of green does NOT meet accessibility standards.
If you have any questions about screen color accessibility, check out this webpage or reach out to the Brand Studio or the product design team. To check to see if something is accessible, use this site.