Dave Davies @davedavies.dev · Jan 23

Anyone who's been around accessibility for more than a week will know about WCAG's contrast requirements. I mean, there's tools which do all this for us but did you ever wonder what a 4.5:1 ratio actually means? Follow on for a plain English explanation!

1 likes 1 replies

?

Replies

Dave Davies · Jan 23

Colour contrast ratio measures the brightness difference between text and background. When we talk about a contrast ratio of 4.5:1, the lighter colour is 4.5 times brighter than the darker one. This isn't arbitrary - it's based on how our eyes perceive different levels of brightness.