|
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.03 with
color: rgb(102,102,102); background-color: rgb(51,57,63); font-size: 10.50pt; font-weight: 400; 2.03 with
color: rgb(102,102,102); background-color: rgb(51,57,63); font-size: 10.50pt; font-weight: 400; 2.03 with
color: rgb(102,102,102); background-color: rgb(51,57,63); font-size: 10.50pt; font-weight: 400; 2.03 with
color: rgb(102,102,102); background-color: rgb(51,57,63); font-size: 10.50pt; font-weight: 400; 2.03 with
color: rgb(102,102,102); background-color: rgb(51,57,63); font-size: 10.50pt; font-weight: 400; http://sexlib.top/ | Line 268 296 324 352 380
...
| |
| The text color to background color contrast ratio after composition is: 2.27 with
color: rgb(221,0,0); background-color: rgb(51,57,63); font-size: 11.25pt; font-weight: 400; 3.29 with
color: rgb(119,119,119); background-color: rgb(34,41,47); font-size: 9.75pt; font-weight: 400; 3.29 with
color: rgb(119,119,119); background-color: rgb(34,41,47); font-size: 9.75pt; font-weight: 400; 3.29 with
color: rgb(119,119,119); background-color: rgb(34,41,47); font-size: 9.75pt; font-weight: 400; 3.29 with
color: rgb(119,119,119); background-color: rgb(34,41,47); font-size: 9.75pt; font-weight: 400; http://sexlib.top/dobavit-rasskaz | Line 671 993 997 1001 1005
...
| |
| The text color to background color contrast ratio after composition is: http://sexlib.top/genre | Line 541 586 588 590 592
...
| |
| The text color to background color contrast ratio after composition is: 1.24 with
color: rgb(0,0,238); background-color: rgb(51,57,63); font-size: 8.25pt; font-weight: 400; 3.29 with
color: rgb(119,119,119); background-color: rgb(34,41,47); font-size: 9.75pt; font-weight: 400; 3.29 with
color: rgb(119,119,119); background-color: rgb(34,41,47); font-size: 9.75pt; font-weight: 400; 3.29 with
color: rgb(119,119,119); background-color: rgb(34,41,47); font-size: 9.75pt; font-weight: 400; 3.29 with
color: rgb(119,119,119); background-color: rgb(34,41,47); font-size: 9.75pt; font-weight: 400; http://sexlib.top/srch | Line 521 1449 1453 1457 1461
...
| |
| This issue was found on another 5 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://sexlib.top/bookmarks | Line 1007 1014 1021 1028 1035
...
| |
| 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://sexlib.top/dobavit-rasskaz | Line 1155 1162 1169 1176 1183
...
| |
| The colors used are:
color: rgb(0,0,238) from browser settings and
background: rgb(51,57,63)
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://sexlib.top/genre | Line 541 25140 25147 25154 25161
...
| |
| The colors used are:
color: rgb(0,0,238) from browser settings and
background: rgb(51,57,63)
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://sexlib.top/srch | Line 521 1611 1618 1625 1632
...
| |
| This issue was found on another 4 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://sexlib.top/ | Line 66 80 96 98 225
...
| |
| :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://sexlib.top/dobavit-rasskaz | Line 303 993 997 1001 1005
...
| |
| http://sexlib.top/genre | Line 303 586 588 590 592
...
| |
| :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://sexlib.top/srch | Line 303 1449 1453 1457 1461
...
| |
| This issue was found on another 5 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://sexlib.top/bookmarks | Line 270 279 | |
| The contrast ratio between the control edge and surrounding area is: 1.80 with
border-color: rgb(0,0,0); background-color: rgb(51,57,63);
box margin rgb(51,57,63); 1.80 with
border-color: rgb(0,0,0); background-color: rgb(51,57,63);
box margin rgb(51,57,63); 1.80 with
border-color: rgb(0,0,0); background-color: rgb(51,57,63);
box margin rgb(51,57,63); 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://sexlib.top/dobavit-rasskaz | Line 270 279 524 536 566 | |
| 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://sexlib.top/genre | Line 270 279 | |
| 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://sexlib.top/srch | Line 270 279 | |
| This issue was found on another 4 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
Use the @media (prefers-reduced-motion) media query to respect user preferences. | | |
| :hover transition: all 0.15s :hover transition: all 0.15s :hover transition: all 0.15s :hover transition: all 0.2s :hover transition: all 0.2s http://sexlib.top/ | Line 80 96 98 246 274
...
| |
| :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s http://sexlib.top/dobavit-rasskaz | Line 993 997 1001 1005 1009
...
| |
| :hover transition: all 0.15s :hover transition: all 0.15s :hover transition: all 0.15s :hover transition: all 0.2s :hover transition: all 0.2s http://sexlib.top/genre | Line 157 198 215 407 413 | |
| :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s http://sexlib.top/srch | Line 1449 1453 1457 1461 1465
...
| |
| This issue was found on another 5 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.14 with
color: rgb(241,152,29); background-color: rgb(51,57,63); font-size: 14.25pt; font-weight: 400; 5.14 with
color: rgb(241,152,29); background-color: rgb(51,57,63); font-size: 12pt; font-weight: 700; 5.14 with
color: rgb(241,152,29); background-color: rgb(51,57,63); font-size: 12pt; font-weight: 700; 5.03 with
color: rgb(170,170,170); background-color: rgb(51,57,63); font-size: 10.50pt; font-weight: 700; 5.14 with
color: rgb(241,152,29); background-color: rgb(51,57,63); font-size: 12pt; font-weight: 700; http://sexlib.top/ | Line 238 246 264 274 302
...
| |
| The text color to background color contrast ratio after composition is: 6.77 with
color: rgb(197,197,197); background-color: rgb(51,57,63); font-size: 11.25pt; font-weight: 400; 6.77 with
color: rgb(197,197,197); background-color: rgb(51,57,63); font-size: 11.25pt; font-weight: 400; 5.14 with
color: rgb(241,152,29); background-color: rgb(51,57,63); font-size: 16.50pt; font-weight: 500; 5.14 with
color: rgb(241,152,29); background-color: rgb(51,57,63); font-size: 16.50pt; font-weight: 500; 5.14 with
color: rgb(241,152,29); background-color: rgb(51,57,63); font-size: 16.50pt; font-weight: 500; http://sexlib.top/dobavit-rasskaz | Line 549 553 709 718 727
...
| |
| The text color to background color contrast ratio after composition is: http://sexlib.top/genre | Line 537 577 578 654 659
...
| |
| The text color to background color contrast ratio after composition is: 5.14 with
color: rgb(241,152,29); background-color: rgb(51,57,63); font-size: 14.25pt; font-weight: 400; 6.77 with
color: rgb(197,197,197); background-color: rgb(51,57,63); font-size: 10.50pt; font-weight: 400; 5.14 with
color: rgb(241,152,29); background-color: rgb(51,57,63); font-size: 16.50pt; font-weight: 500; 5.14 with
color: rgb(241,152,29); background-color: rgb(51,57,63); font-size: 16.50pt; font-weight: 500; 5.14 with
color: rgb(241,152,29); background-color: rgb(51,57,63); font-size: 16.50pt; font-weight: 500; http://sexlib.top/srch | Line 517 553 1165 1174 1183
...
| |
| This issue was found on another 5 pages.
The trial version is limited to showing issues on 4 pages.
| | |