|
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 after composition is: | | |
| 3.00 with
color: rgb(230,230,230)background: rgba(10,10,10,50.2%)
font-size: 10.50ptfont-weight: 400<div class='title-subtitle ...'>СКАЖИ ПРИ ... МЕСЯЦА</div>
| Line 773 | |
| 2.39 with
color: rgb(131,183,53)background: rgb(255,255,255)
font-size: 13.50ptfont-weight: 500<span>МОБИЛЬНЫЙ ШИНОМОНТАЖ</span>
| Line 517 | |
| 2.39 with
color: rgb(255,255,255)background: rgb(131,183,53)
font-size: 12ptfont-weight: 600<a href='#3564353458' title='' class='btn btn-color-...'>...</a>
| Line 360 | |
| 2.39 with
color: rgb(255,255,255)background: rgb(131,183,53)
font-size: 10.50ptfont-weight: 600<a href='#354354354' title='' class='btn btn-color-...'>...</a>
| Line 783 | |
| 2.39 with
color: rgb(131,183,53)background: rgb(255,255,255)
font-size: 9.75ptfont-weight: 600<span class='nav-link-text'>Почему мы</span>
| Line 1021 | |
| https://popartstudio.ru/ | | |
|
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)
| | |
| | | |
| outline-color: matches background
<a class='wd-promo-banner-link' href='...udio.ru/prikurit_akkumuljator/' title='' aria-label='Ссылка баннера'></a>
| Line 392 | |
| outline-color: matches background
<a class='wd-promo-banner-link' href='...rtstudio.ru/vytashhit_mashinu/' title='' aria-label='Ссылка баннера'></a>
| Line 411 | |
| outline-color: matches background
<a class='wd-promo-banner-link' href='...tudio.ru/vskrytie-avtomobilya/' title='' aria-label='Ссылка баннера'></a>
| Line 430 | |
| outline-color: matches background
<a class='wd-promo-banner-link' href='...partstudio.ru/pomenjat_koleso/' title='' aria-label='Ссылка баннера'></a>
| Line 449 | |
| outline-color: matches background
<a class='wd-promo-banner-link' href='...tudio.ru/zamena_akkumuljatora/' title='' aria-label='Ссылка баннера'></a>
| Line 468 | |
| https://popartstudio.ru/ | | |
|
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: | | |
| 3.74 with
color: rgb(255,255,255)background: rgba(10,10,10,50.2%)
font-size: 36ptfont-weight: 600<h2 class='woodmart-title-...'>СКИДКА 5% ... МЕСЯЦА</h2>
| Line 776 | |
| 4.54 with
color: rgb(118,118,118)background: rgb(255,255,255)
font-size: 9.60ptfont-weight: 400<small>КРУГЛОСУТОЧНАЯ ПОМОЩЬ НА ДОРОГАХ</small>
| Line 995 | |
| 4.54 with
color: rgb(118,118,118)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<p>Выезд к любому ..., чтобы помочь</p>
| Line 822 | |
| 4.54 with
color: rgb(118,118,118)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<p>Прикуривание ... прямо на месте</p>
| Line 840 | |
| 4.54 with
color: rgb(118,118,118)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<p>Специалисты ... в любой ситуации</p>
| Line 858 | |
| https://popartstudio.ru/ | | |