|
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: 3.95 with
color: rgb(255,255,255)background: rgb(102,132,151)font-size: 12ptfont-weight: 400 3.50 with
color: rgb(137,137,137)background: rgb(255,255,255)font-size: 9.75ptfont-weight: 400 3.50 with
color: rgb(137,137,137)background: rgb(255,255,255)font-size: 9.75ptfont-weight: 400 3.50 with
color: rgb(137,137,137)background: rgb(255,255,255)font-size: 9.75ptfont-weight: 400 3.08 with
color: rgb(255,255,255)background: rgb(195,125,168)font-size: 10.50ptfont-weight: 400 https://nimfa-cosmetics.ua/ | Line 348 621 913 925 937
...
| |
| The text color to background color contrast ratio after composition is: 3.95 with
color: rgb(255,255,255)background: rgb(102,132,151)font-size: 12ptfont-weight: 400 3.50 with
color: rgb(137,137,137)background: rgb(255,255,255)font-size: 12ptfont-weight: 400 3.50 with
color: rgb(137,137,137)background: rgb(255,255,255)font-size: 12ptfont-weight: 400 3.50 with
color: rgb(137,137,137)background: rgb(255,255,255)font-size: 12ptfont-weight: 400 3.50 with
color: rgb(137,137,137)background: rgb(255,255,255)font-size: 12ptfont-weight: 400 https://nimfa-cosmetics.ua/contact-us | Line 348 575 577 579 583
...
| |
| The text color to background color contrast ratio after composition is: 3.95 with
color: rgb(255,255,255)background: rgb(102,132,151)font-size: 12ptfont-weight: 400 3.38 with
color: rgb(137,137,137)background: rgb(251,251,251)font-size: 10.50ptfont-weight: 400 3.38 with
color: rgb(137,137,137)background: rgb(251,251,251)font-size: 10.50ptfont-weight: 400 3.38 with
color: rgb(137,137,137)background: rgb(251,251,251)font-size: 10.50ptfont-weight: 400 3.38 with
color: rgb(137,137,137)background: rgb(251,251,251)font-size: 10.50ptfont-weight: 400 https://nimfa-cosmetics.ua/reviews | Line 350 673 705 738 770
...
| |
| The text color to background color contrast ratio after composition is: 3.95 with
color: rgb(255,255,255)background: rgb(102,132,151)font-size: 12ptfont-weight: 400 2.77 with
color: rgb(195,125,168)background: rgb(242,243,245)font-size: 9ptfont-weight: 400 3.56 with
color: rgb(102,132,151)background: rgb(242,243,245)font-size: 9ptfont-weight: 400 3.56 with
color: rgb(102,132,151)background: rgb(242,243,245)font-size: 9ptfont-weight: 400 3.08 with
color: rgb(255,255,255)background: rgb(195,125,168)font-size: 9ptfont-weight: 400 https://nimfa-cosmetics.ua/wishlist | Line 323 335 349 512 610
...
| |
| 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. See :focus-visible for more information.
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)
| 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: https://nimfa-cosmetics.ua/ | Line 539 542 545 548 1018
...
| |
| :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: outline-style:none or outline-width:0 https://nimfa-cosmetics.ua/contact-us | Line 210 240 326 334 570
...
| |
| :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: outline-style:none or outline-width:0 outline-style:none or outline-width:0 https://nimfa-cosmetics.ua/reviews | Line 212 213 242 328 336
...
| |
| :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: outline-style:none or outline-width:0 outline-style:none or outline-width:0 https://nimfa-cosmetics.ua/wishlist | Line 211 212 241 327 335
...
| |
| 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: 5.74 with
color: rgb(102,102,102)background: rgb(255,255,255)font-size: 9ptfont-weight: 400 5.74 with
color: rgb(102,102,102)background: rgb(255,255,255)font-size: 9ptfont-weight: 400 5.74 with
color: rgb(102,102,102)background: rgb(255,255,255)font-size: 9ptfont-weight: 400 5.74 with
color: rgb(102,102,102)background: rgb(255,255,255)font-size: 9ptfont-weight: 400 5.74 with
color: rgb(102,102,102)background: rgb(255,255,255)font-size: 9ptfont-weight: 400 https://nimfa-cosmetics.ua/ | Line 613 651 689 727 765 | |
| The text color to background color contrast ratio after composition is: 6.69 with
color: rgb(92,92,92)background: rgb(255,255,255)font-size: 14ptfont-weight: 400 6.69 with
color: rgb(92,92,92)background: rgb(255,255,255)font-size: 14ptfont-weight: 400 6.69 with
color: rgb(92,92,92)background: rgb(255,255,255)font-size: 14ptfont-weight: 400 6.69 with
color: rgb(92,92,92)background: rgb(255,255,255)font-size: 14ptfont-weight: 400 6.69 with
color: rgb(92,92,92)background: rgb(255,255,255)font-size: 14ptfont-weight: 400 https://nimfa-cosmetics.ua/obmin-ta-povernennja | Line 547 555 565 569 593
...
| |
| The text color to background color contrast ratio after composition is: 6.69 with
color: rgb(92,92,92)background: rgb(255,255,255)font-size: 14ptfont-weight: 400 6.69 with
color: rgb(92,92,92)background: rgb(255,255,255)font-size: 14ptfont-weight: 400 6.69 with
color: rgb(92,92,92)background: rgb(255,255,255)font-size: 14ptfont-weight: 400 6.69 with
color: rgb(92,92,92)background: rgb(255,255,255)font-size: 14ptfont-weight: 400 6.69 with
color: rgb(92,92,92)background: rgb(255,255,255)font-size: 14ptfont-weight: 400 https://nimfa-cosmetics.ua/oplata-ta-dostavka | Line 546 546 555 571 574 | |
| The text color to background color contrast ratio after composition is: 6.69 with
color: rgb(92,92,92)background: rgb(255,255,255)font-size: 10.50ptfont-weight: 400 https://nimfa-cosmetics.ua/wishlist | Line 550 | |
| This issue was found on another 2 pages.
The trial version is limited to showing issues on 4 pages.
| | |