Choose your colours:

Success for WCAG 3

This is sample text given the selected colours.

APCA Font to Contrast Table
(Rows: Font-Size, Columns: Font-Weight) in Lc (Lightness Contrast)
Font100200300400500600700800900
12pxØØØØØØØØØ
14pxØØØ100B100B90B75BØØ
15pxØØØ100B90B75B70+15ØØ
16pxØØØ90B75B70+1560+1560Ø
18pxØØ100B75B70+1560+1555+155555
21pxØØ90B70B60+1555+1550+155050
24pxØØ75B60+1555+1550+1545+154545
28pxØ10070+1555+1550+1545+1543+154343
32pxØ9065+1550+1545+1543+1540+154040
36pxØ7560+1545+1543+1540+1538+153838
42px1007055434038353535
48px906050403835333333
60px755545383533303030
72px605040353330303030
96px504535333030303030

You might also be interested in the ACHECKS Accessibility Toolbox:

More about this colour contrast checker:

Whereas the WCAG 2 standards test two colours for accessibility based merely on the contrast between the two, the new Accessible Perceptual Contrast Algorithm (APCA) calculates contrast based on the luminance of the colours which differ based on the foreground versus the background colour, the font size and the font weight.

Because APCA provides a more accurate estimation of colour contrast perception, where your colours pass this test, but fail the WCAG 2 contrast checks, you may use the following disclaimer:

This website has undergone colour contrast checks using the APCA guidelines for determining text contrast. The APCA guidelines improve upon the accessibility colour contrast checks under WCAG 2, and therefore compliant with the ADA.

ACHECKS provides a comprehensive digital accessibility toolbox for free to help make the web a more accessible place.

We also have subscription plans available to help your organization manage and report on its accessibility compliance. The subscription service regularly checks all of the pages on your domain and provides you comprehensive reports, highlights remediation steps and provides a aggregate report across all of the pages on your website, including web and PDF files.

Contact us below if your organization has compliance requirements that could use a hand.

Related Posts: