System Offices Shared Services - Color Accessibility
System Offices Shared Services Color Accessibility
System Offices Shared Services (SOSS) adheres to WCAG AAA standards for SOSS training materials beginning July 1, 2022.
SOSS has created this graphic showing the accessible and non-accessible combinations of System Offices primary and secondary color palette as applied to large text (18pt and larger, 14pt bold and larger), small text (17.9pt and smaller, 13.9pt bold and smaller) and graphic elements. We also have added black and white colors to our graphic.
The graphic is of a table that represents the System Offices Shared Services recommendations for colored text or graphics to be placed on certain background colors for color contrast. The colors utilized are only those colors available from University of Illinois System External Relations and Communications. The color scheme we suggest is for one color to be font or graphics color and the other one to be the background color. The recommended two colors are interchangeable and meet WCAG AAA standards for color contrast. The color pairings SOSS will be utilizing are as follows in hex numbering: 000000 & E8E9EA; 000000 & A5A8AA; 000000 & 6FAFC7; 000000 & BFD46D; 000000 & FFD125; 000000 & FFFFFF; 13294B & E8E9EA; 13294B & FFD125; 13294B & FFFFFF; 0455A4 & FFFFFF; 204097 & E8E9EA; 204097 & FFFFFF; 5E6669 & FFFFFF; 0D605E & FFFFFF; 4F6898 & FFFFFF. These color pairings were tested using WebAIM Contrast Checker.
|
System Offices Shared Services Background Color |
System Offices Shared Services Text/Graphic Color |
||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
|
000000 |
13294B |
0455A4 |
204097 |
E8E9EA |
A5A8AA |
5E6669 |
0D605E |
6FAFC7 |
BFD46D |
FFD125 |
EE5E5E |
4F6898 |
FFFFFF |
|
|
000000 |
|
|
|
|
OK |
OK |
|
|
OK |
OK |
OK |
|
|
OK |
|
|
13294B |
|
|
|
|
OK |
|
|
|
|
OK |
OK |
|
|
OK |
|
|
0455A4 |
|
|
|
|
|
|
|
|
|
|
|
|
|
OK |
|
|
204097 |
|
|
|
|
OK |
|
|
|
|
|
|
|
|
OK |
|
|
E8E9EA |
OK |
OK |
|
OK |
|
|
|
|
|
|
|
|
|
|
|
|
A5A8AA |
OK |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
5E6669 |
|
|
|
|
|
|
|
|
|
|
|
|
|
OK |
|
|
0D605E |
|
|
|
|
|
|
|
|
|
|
|
|
|
OK |
|
|
6FAFC7 |
OK |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
BFD46D |
OK |
OK |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
FFD125 |
OK |
OK |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
EE5E5E |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4F6898 |
|
|
|
|
|
|
|
|
|
|
|
|
|
OK |
|
|
FFFFFF |
OK |
OK |
OK |
OK |
|
|
OK |
OK |
|
|
|
|
OK |
|
|
References: