|
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
| 1.4.6 | |
| The text color to background color contrast ratio after composition is: 2.32 with
color: rgb(170,170,170); background-color: rgb(255,255,255); font-size: 8.25pt; font-weight: 700; 2.32 with
color: rgb(170,170,170); background-color: rgb(255,255,255); font-size: 8.25pt; font-weight: 700; 2.32 with
color: rgb(170,170,170); background-color: rgb(255,255,255); font-size: 8.25pt; font-weight: 700; 2.32 with
color: rgb(170,170,170); background-color: rgb(255,255,255); font-size: 8.25pt; font-weight: 700; 2.32 with
color: rgb(170,170,170); background-color: rgb(255,255,255); font-size: 8.25pt; font-weight: 700; http://xlib.info/ | Line 696 700 704 708 712
...
| |
| The text color to background color contrast ratio after composition is: 4.22 with
color: rgb(119,119,119); background-color: rgb(248,248,248); font-size: 9.75pt; font-weight: 400; 4.22 with
color: rgb(119,119,119); background-color: rgb(248,248,248); font-size: 9.75pt; font-weight: 400; 4.22 with
color: rgb(119,119,119); background-color: rgb(248,248,248); font-size: 9.75pt; font-weight: 400; 4.22 with
color: rgb(119,119,119); background-color: rgb(248,248,248); font-size: 9.75pt; font-weight: 400; 4.22 with
color: rgb(119,119,119); background-color: rgb(248,248,248); font-size: 9.75pt; font-weight: 400; http://xlib.info/dobavit-rasskaz | Line 1204 1208 1212 1216 1220
...
| |
| The text color to background color contrast ratio after composition is: http://xlib.info/genre | Line 25204 25211 25218 25225 25232
...
| |
| The text color to background color contrast ratio after composition is: 4.22 with
color: rgb(119,119,119); background-color: rgb(248,248,248); font-size: 9.75pt; font-weight: 400; 4.22 with
color: rgb(119,119,119); background-color: rgb(248,248,248); font-size: 9.75pt; font-weight: 400; 4.22 with
color: rgb(119,119,119); background-color: rgb(248,248,248); font-size: 9.75pt; font-weight: 400; 4.22 with
color: rgb(119,119,119); background-color: rgb(248,248,248); font-size: 9.75pt; font-weight: 400; 4.22 with
color: rgb(119,119,119); background-color: rgb(248,248,248); font-size: 9.75pt; font-weight: 400; http://xlib.info/srch | Line 1667 1671 1675 1679 1683
...
| |
| This issue was found on another 3 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
In HTML the color attributes are text , bgcolor , link , alink and vlink .
In CSS the attributes are color and background-color .
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. | 1.4.3 1.4.6 1.4.8 | |
| The colors used are:
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings http://xlib.info/ | Line 3156 3163 3170 3177 3184
...
| |
| The colors used are:
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings http://xlib.info/dobavit-rasskaz | Line 1379 1386 1393 1400 1407
...
| |
| The colors used are:
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings http://xlib.info/genre | Line 25204 25211 25218 25225 25232
...
| |
| The colors used are:
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings
color: rgb(122,122,122) and
background: rgb(255,255,255) from browser settings http://xlib.info/srch | Line 1842 1849 1856 1863 1870
...
| |
| This issue was found on another 3 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
- Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
- Firefox (obscures the focus indicator on links)
- Internet Explorer (obscures the focus indicator on links, buttons and range controls)
| 1.4.11 2.4.7 | |
| :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: http://xlib.info/ | Line 342 605 696 700 704
...
| |
| :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: http://xlib.info/dobavit-rasskaz | Line 342 1204 1208 1212 1216
...
| |
| http://xlib.info/genre | Line 342 639 641 643 645
...
| |
| :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: http://xlib.info/srch | Line 342 1667 1671 1675 1679
...
| |
| This issue was found on another 3 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: 2.32 with
border-color: rgb(170,170,170); background-color: rgb(249,249,249);
box margin rgb(255,255,255); 2.32 with
border-color: rgb(170,170,170); background-color: rgb(249,249,249);
box margin rgb(255,255,255); http://xlib.info/ | Line 309 318 | |
| The contrast ratio between the control edge and surrounding area is: 2.32 with
border-color: rgb(170,170,170); background-color: rgb(249,249,249);
box margin rgb(255,255,255); 2.32 with
border-color: rgb(170,170,170); background-color: rgb(249,249,249);
box margin rgb(255,255,255); http://xlib.info/dobavit-rasskaz | Line 309 318 | |
| The contrast ratio between the control edge and surrounding area is: 2.32 with
border-color: rgb(170,170,170); background-color: rgb(249,249,249);
box margin rgb(255,255,255); 2.32 with
border-color: rgb(170,170,170); background-color: rgb(249,249,249);
box margin rgb(255,255,255); http://xlib.info/genre | Line 309 318 | |
| The contrast ratio between the control edge and surrounding area is: 2.32 with
border-color: rgb(170,170,170); background-color: rgb(249,249,249);
box margin rgb(255,255,255); 2.32 with
border-color: rgb(170,170,170); background-color: rgb(249,249,249);
box margin rgb(255,255,255); http://xlib.info/srch | Line 309 318 | |
| This issue was found on another 3 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
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 4.5 or more for 18 point text, or larger
- The contrast ratio should be 4.5 or more for 14 point bold text, or larger
- The contrast ratio should be 7.0 or more for all other text
| | |
| The text color to background color contrast ratio after composition is: 5.65 with
color: rgb(255,255,255); background-color: rgb(24,105,180); font-size: 11.25pt; font-weight: 400; 5.65 with
color: rgb(255,255,255); background-color: rgb(24,105,180); font-size: 11.25pt; font-weight: 400; 5.65 with
color: rgb(255,255,255); background-color: rgb(24,105,180); font-size: 11.25pt; font-weight: 400; 4.61 with
color: rgb(111,111,111); background-color: rgb(245,245,245); font-size: 12pt; font-weight: 700; 4.61 with
color: rgb(111,111,111); background-color: rgb(245,245,245); font-size: 12pt; font-weight: 700; http://xlib.info/ | Line 195 235 252 605 732
...
| |
| The text color to background color contrast ratio after composition is: 5.65 with
color: rgb(255,255,255); background-color: rgb(24,105,180); font-size: 11.25pt; font-weight: 400; 5.65 with
color: rgb(255,255,255); background-color: rgb(24,105,180); font-size: 11.25pt; font-weight: 400; 5.65 with
color: rgb(255,255,255); background-color: rgb(24,105,180); font-size: 11.25pt; font-weight: 400; 5.15 with
color: rgb(221,0,0); background-color: rgb(255,255,255); font-size: 11.25pt; font-weight: 400; 4.77 with
color: rgb(217,6,96); background-color: rgb(248,248,248); font-size: 9.75pt; font-weight: 400; http://xlib.info/dobavit-rasskaz | Line 195 235 252 721 1286
...
| |
| The text color to background color contrast ratio after composition is: 5.65 with
color: rgb(255,255,255); background-color: rgb(24,105,180); font-size: 11.25pt; font-weight: 400; 5.65 with
color: rgb(255,255,255); background-color: rgb(24,105,180); font-size: 11.25pt; font-weight: 400; 5.65 with
color: rgb(255,255,255); background-color: rgb(24,105,180); font-size: 11.25pt; font-weight: 400; 5.07 with
color: rgb(217,6,96); background-color: rgb(255,255,255); font-size: 8.25pt; font-weight: 400; 5.07 with
color: rgb(217,6,96); background-color: rgb(255,255,255); font-size: 11.25pt; font-weight: 400; http://xlib.info/genre | Line 195 235 252 593 25425
...
| |
| The text color to background color contrast ratio after composition is: 5.65 with
color: rgb(255,255,255); background-color: rgb(24,105,180); font-size: 11.25pt; font-weight: 400; 5.65 with
color: rgb(255,255,255); background-color: rgb(24,105,180); font-size: 11.25pt; font-weight: 400; 5.65 with
color: rgb(255,255,255); background-color: rgb(24,105,180); font-size: 11.25pt; font-weight: 400; 5.07 with
color: rgb(217,6,96); background-color: rgb(255,255,255); font-size: 8.25pt; font-weight: 400; 4.77 with
color: rgb(217,6,96); background-color: rgb(248,248,248); font-size: 9.75pt; font-weight: 400; http://xlib.info/srch | Line 195 235 252 574 1749
...
| |
| This issue was found on another 3 pages.
The trial version is limited to showing issues on 4 pages.
| | |