|
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
- The contrast ratio should be 3.0 or more for 18 point text, or larger
- The contrast ratio should be 3.0 or more for 14 point bold text, or larger
- The contrast ratio should be 4.5 or more for all other text
| | |
| The text color to background color contrast ratio is: 3.13 with
color: rgb(255,255,255); background-color: rgb(97,162,41); font-size: 9.75pt; font-weight: 400; 4.10 with
color: rgb(126,125,125); background-color: rgb(255,255,255); font-size: 10.50pt; font-weight: 500; 4.10 with
color: rgb(126,125,125); background-color: rgb(255,255,255); font-size: 10.50pt; font-weight: 500; 2.32 with
color: rgb(170,170,170); background-color: rgb(255,255,255); font-size: 12pt; font-weight: 500; 2.32 with
color: rgb(170,170,170); background-color: rgb(255,255,255); font-size: 12pt; font-weight: 500; https://customercareguides.com/ | Line 357 398 950 953 967
...
| |
| The text color to background color contrast ratio is: 4.10 with
color: rgb(126,125,125); background-color: rgb(255,255,255); font-size: 10.50pt; font-weight: 500; 4.10 with
color: rgb(126,125,125); background-color: rgb(255,255,255); font-size: 10.50pt; font-weight: 500; 4.48 with
color: rgb(119,119,119); background-color: rgb(255,255,255); font-size: 9.75pt; font-weight: 500; 4.48 with
color: rgb(119,119,119); background-color: rgb(255,255,255); font-size: 9.75pt; font-weight: 500; 4.48 with
color: rgb(119,119,119); background-color: rgb(255,255,255); font-size: 9.75pt; font-weight: 500; https://customercareguides.com/about-us/ | Line 209 210 211 431 432
...
| |
| The text color to background color contrast ratio is: 4.10 with
color: rgb(126,125,125); background-color: rgb(255,255,255); font-size: 10.50pt; font-weight: 500; 4.10 with
color: rgb(126,125,125); background-color: rgb(255,255,255); font-size: 10.50pt; font-weight: 500; 4.48 with
color: rgb(119,119,119); background-color: rgb(255,255,255); font-size: 9.75pt; font-weight: 500; 4.48 with
color: rgb(119,119,119); background-color: rgb(255,255,255); font-size: 9.75pt; font-weight: 500; 4.48 with
color: rgb(119,119,119); background-color: rgb(255,255,255); font-size: 9.75pt; font-weight: 500; https://customercareguides.com/cookies-policy/ | Line 208 209 211 435 436
...
| |
| The text color to background color contrast ratio is: 4.10 with
color: rgb(126,125,125); background-color: rgb(255,255,255); font-size: 10.50pt; font-weight: 500; 4.10 with
color: rgb(126,125,125); background-color: rgb(255,255,255); font-size: 10.50pt; font-weight: 500; 4.48 with
color: rgb(119,119,119); background-color: rgb(255,255,255); font-size: 9.75pt; font-weight: 500; 4.48 with
color: rgb(119,119,119); background-color: rgb(255,255,255); font-size: 9.75pt; font-weight: 500; 4.48 with
color: rgb(119,119,119); background-color: rgb(255,255,255); font-size: 9.75pt; font-weight: 500; https://customercareguides.com/disclaimer/ | Line 208 210 211 434 435
...
| |
| This issue was found on another 4 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
If the control has a visible edge, make sure this has sufficient contrast against the area outside the control. | | |
| The contrast ratio between the control edge and surrounding area is: 1.27 with
border-color: rgb(228,228,228); background-color: rgb(255,255,255);
box margin rgb(255,255,255); 1.27 with
border-color: rgb(228,228,228); background-color: rgb(255,255,255);
box margin rgb(255,255,255); 1.27 with
border-color: rgb(228,228,228); background-color: rgb(255,255,255);
box margin rgb(255,255,255); 1.27 with
border-color: rgb(228,228,228); background-color: rgb(255,255,255);
box margin rgb(255,255,255); https://customercareguides.com/privacy-policy/ | Line 342 344 346 348 | |