|
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: 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://sexteller.com/bookmarks | Line 1112 1116 1120 1124 1128
...
| |
| 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://sexteller.com/dobavit-rasskaz | Line 1257 1261 1265 1269 1273
...
| |
| The text color to background color contrast ratio after composition is: http://sexteller.com/genre | Line 25724 25731 25738 25745 25752
...
| |
| 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://sexteller.com/srch | Line 1716 1720 1724 1728 1732
...
| |
| This issue was found on another 4 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://sexteller.com/bookmarks | Line 1297 1304 1311 1318 1325
...
| |
| 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://sexteller.com/dobavit-rasskaz | Line 1442 1449 1456 1463 1470
...
| |
| 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://sexteller.com/genre | Line 25724 25731 25738 25745 25752
...
| |
| 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://sexteller.com/srch | Line 1901 1908 1915 1922 1929
...
| |
| 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://sexteller.com/bookmarks | Line 335 1112 1116 1120 1124
...
| |
| :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://sexteller.com/dobavit-rasskaz | Line 335 1257 1261 1265 1269
...
| |
| http://sexteller.com/genre | Line 335 664 666 668 670
...
| |
| :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://sexteller.com/srch | Line 335 1716 1720 1724 1728
...
| |
| 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: 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://sexteller.com/bookmarks | Line 302 311 | |
| 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://sexteller.com/dobavit-rasskaz | Line 302 311 | |
| 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://sexteller.com/genre | Line 302 311 | |
| 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://sexteller.com/srch | Line 302 311 | |
| 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.2s :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s http://sexteller.com/bookmarks | Line 1112 1116 1120 1124 1128
...
| |
| :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://sexteller.com/dobavit-rasskaz | Line 1257 1261 1265 1269 1273
...
| |
| :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://sexteller.com/genre | Line 189 230 247 439 445 | |
| :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://sexteller.com/srch | Line 1716 1720 1724 1728 1732
...
| |
| This issue was found on another 4 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: 4.65 with
color: rgb(111,111,111); background-color: rgb(246,246,246); font-size: 7.50pt; font-weight: 500; 5.89 with
color: rgb(0,97,171); background-color: rgb(246,246,246); font-size: 10.50pt; font-weight: 400; 5.08 with
color: rgb(255,255,255); background-color: rgb(0,112,198); font-size: 9pt; font-weight: 600; http://sexteller.com/ | Line 1743 1747 1790 | |
| 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://sexteller.com/dobavit-rasskaz | Line 197 237 254 747 1339
...
| |
| 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://sexteller.com/genre | Line 197 237 254 619 25948
...
| |
| 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://sexteller.com/srch | Line 197 237 254 600 1798
...
| |
| This issue was found on another 5 pages.
The trial version is limited to showing issues on 4 pages.
| | |