Contrast
Overview
Color contrast in college materials matters because it helps everyone comfortably read and interact with the information. When text stands out clearly from the background, it’s easier for people with low vision or color-vision differences to find what they need. Good contrast also supports accessibility guidelines and keeps the websites and documents looking polished and welcoming. By getting color contrast right, Black Hawk College makes its online spaces easier for all students, staff and visitors to use.
Testing for Contrast
WCAG testing criteria work by checking a website against a set of clear, measurable rules that help make the site easier for everyone to use. These rules are grouped into levels (A, AA, and AAA), with AA being the standard most institutions aim for. Testers look at each rule to see whether the site meets it – for example, whether text is easy to read or elements behave predictably. If the site passes all the required checks for a level, it’s considered compliant at that level.
Contrast for brand colors has already been performed (below). Additional colors can be tested (using hex values) for compliance from the link below or other resources on the web.
Brand Colors
|
Background
Text
|
#FFFFFF
|
#231F20
|
#F4C109
|
#D71249
|
#00AB43
|
#0067AC
|
#DE761C
|
|---|---|---|---|---|---|---|---|
|
BH White
#FFFFFF
|
Text
AAA
16.3
|
Text
DNP
1.6
|
Text
AA
5.1
|
Text
AA18
3
|
Text
AA
5.9
|
Text
AA18
3.1
|
|
|
BH Black
#231F20
|
Text
AAA
16.3
|
Text
AAA
9.6
|
Text
AA18
3.1
|
Text
AA
5.3
|
Text
DNP
2.7
|
Text
AA
5.2
|
|
|
BH Yellow
#F4C109
|
Text
DNP
1.6
|
Text
AAA
9.6
|
Text
AA18
3
|
Text
DNP
1.8
|
Text
AA18
3.5
|
Text
DNP
1.8
|
|
|
BH Red
#D71249
|
Text
AA
5.1
|
Text
AA18
3.1
|
Text
AA18
3
|
Text
DNP
1.7
|
Text
DNP
1.1
|
Text
DNP
1.6
|
|
|
BH Green
#00AB43
|
Text
AA18
3
|
Text
AA
5.3
|
Text
DNP
1.8
|
Text
DNP
1.7
|
Text
DNP
1.9
|
Text
DNP
1
|
|
|
BH Blue
#0067AC
|
Text
AA
5.9
|
Text
DNP
2.7
|
Text
AA18
3.5
|
Text
DNP
1.1
|
Text
DNP
1.9
|
Text
DNP
1.9
|
|
|
BH Orange
#DE761C
|
Text
AA18
3.1
|
Text
AA
5.2
|
Text
DNP
1.8
|
Text
DNP
1.6
|
Text
DNP
1
|
Text
DNP
1.9
|
|
|
AAA Pass, AAA (7+)
AA Pass, AA (4.5+)
AA18 Pass, Large Text Only (3+)
DNP Does Not Pass
|
|||||||


