Minimum contrast ratio between text and background for WCAG 2 (Level AA)


Some users with visual impairments require a strong contrast between text and background color. Consider a user with protanopia (color blindness), they might not be able to see the text in your website properly which possibly leads to less meaningful visual indication. to make sure text is readable by users, the WCAG has suggested a contrast ratio of at least 4.5:1 should exist between a text and its background.

You can use https://contrast-ratio.com/ to measure contrast between text and background color of your website.

Ramin Ahmadi
I am a full-stack front end developer with over 5 years experience in web design and development. I have worked with a wide variety of environments and languages including Angular, TypeScript, NodeJS, Restful API, Microservices, Atomic design, JQuery, Material design, Progressive Web Apps, DevOps, and many Azure tools. I make it a goal to automate myself out of routine tasks in my daily work. My motto is, ‘write human readable code, lean and clean’.

Comments 0

Your email address will not be published. Required fields are marked *

Minimum contrast ratio between text and background for WCAG 2 (Level AA)

log in

Captcha!

reset password

Back to
log in
Choose A Format
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
List
The Classic Internet Listicles
Image
Photo or GIF
Gif
GIF format