Many users, such as those with color blindness, have difficulty distinguishing one color from another. To ensure that all users can read text and distinguish one visual element from another, you should create sufficient contrast between elements.
To comply to ÐÇ¿Õ´«Ã½ accessibility standards, the contrast ratio—the visual difference between two colors—must be at least 4.5:1 for normal text and 3:1 for large text.
All text in ÐÇ¿Õ´«Ã½ online content must use the university brand colors, each of which separately meet the contrast ratio requirements for all text sizes. ÐÇ¿Õ´«Ã½ gray and blue should not be used together, as they do not pass color contrast with one as a background color. Instead, the use of ÐÇ¿Õ´«Ã½ gray or blue requires white as the additional color.
Testing
You can check for color contrast between two elements like text and the background using contrast checkers. to test the contrast between two colors using RGB hexadecimal color code. This tool provides the contrast ratio and shows if your text and background pass specific standards (ÐÇ¿Õ´«Ã½ sites comply to ).