Grey on White Ratio Example - UMKC Online



Color ContrastSome students and guests in your course may be low vision or colorblind users. In order to account for their experience in your classroom, there should be sufficient contrast between foreground (text or graphics) and the background. Maximum contrast is black & white and using other colors may lessen that contrast. If you plan to use a variety of colors in your course, it’s important to check that the color contrast is sufficient. WCAG 2.0 level AA requires a contrast ratio of 4.5:1 for normal text and 3:1 for large text (14 point and bold or larger or 18 point or larger).Grey on White Ratio ExampleGrey LevelWCAG RatioPass/Fall Contrast#000000 (Black)21 : 1Pass#333333 12.6 : 1Pass#6666665.7 : 1Pass#666666 (large)5.7 : 1 Pass#999999 (large)2.85 : 1 Fail#CCCCCC (large)1.6 : 1 FailCheck Your Color ContrastWebAIM Color Contrast CheckerEnter a foreground and background color in RGB hexadecimal format (e.g., #FD3 or #F7DA39) or choose a color using the color picker. The lightness slider can be used to adjust the selected color. MSF&W Color Contrast Ratio CalculatorTool to help you identify the contrast of colors on your page. A large sample table of colors is provided for convenience. ColorZillaExtracts color from page elements so you can easily verify the colors used on your course page.WAVEAnalyzes contrast ratios for all page elements at once. ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download