Typography & Color
National Louis University
Visual Elements
Accessibility Grid
TEXT COLOR
PURE WHITE
YELLOW
NAVY
DARK BLUE
MEDIUM BLUE
LIGHT BLUE
DARK GRAY
MEDIUM GRAY
LIGHT GRAY
OFF-WHITE
FAIL
PASS
PASS
FAIL
PASS
FAIL
LARGE
PASS
PASS
NAVY
FAIL
FAIL
LARGE FAIL
FAIL FAIL
PASS LARGE
LARGE FAIL FAIL LARGE
FAIL FAIL FAIL FAIL
LARGE
PASS
DARK BLUE
Using Color: Accessibility
FAIL
FAIL LARGE
FAIL
FAIL
MEDIUM BLUE
Use this grid to ensure that color contrast is used with accessibility in mind. Type designed for readability¹ must follow the guidelines illustrated here. Some color combinations can only be used at large sizes. 2
FAIL
FAIL
FAIL LARGE
FAIL
FAIL LARGE LARGE LARGE
FAIL
LIGHT BLUE
FAIL
PASS
FAIL
FAIL
LARGE
DARK GRAY
FAIL
FAIL FAIL
FAIL FAIL
FAIL FAIL FAIL
FAIL
FAIL FAIL FAIL
FAIL
FAIL
MEDIUM GRAY
LARGE
FAIL FAIL
LARGE LARGE
FAIL FAIL
LIGHT GRAY
PASS
FAIL
PASS
FAIL
OFF-WHITE
PASS
PASS
LARGE
FAIL
PASS
FAIL
FAIL
FAIL
FAIL
PURE WHITE
LARGE
LARGE
FAIL
FAIL
FAIL
FAIL
FAIL
FAIL
FAIL
YELLOW
1 Necessary legible type excludes type that is designed to be purely decorative, such as the ‘Using Type to Create Graphics’ style described on page 47.
2 Large text is defined as 14 point (typically 18.66px) and bold or larger.
39
Powered by FlippingBook