|
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
| Rule: AccHtmlContrastMinimum | |
| The text color to background color contrast ratio after composition is: | | |
| 4.03 with
color: rgb(255,255,255)background: rgb(64,127,213)
font-size: 13.50ptfont-weight: 600<a target='_blank' class='catalog__official-...' href='tel:+78002000494'>...</a>
| Line 917 | |
| 4.03 with
color: rgb(255,255,255)background: rgb(64,127,213)
font-size: 13.50ptfont-weight: 600<a target='_blank' class='catalog__official-...' href='tel:+79256755252'>...</a>
| Line 918 | |
| 4.03 with
color: rgb(255,255,255)background: rgb(64,127,213)
font-size: 13.50ptfont-weight: 600<a target='_blank' class='catalog__official-...' href='...ervice@import-export-trade.com'>service@import-export-trade.com</a>
| Line 923 | |
| 4.03 with
color: rgb(255,255,255)background: rgb(64,127,213)
font-size: 13.50ptfont-weight: 600<a target='_blank' class='catalog__official-...' href='...mport-export-service@yandex.ru'>import-export-service@yandex.ru</a>
| Line 924 | |
| 3.73 with
color: rgb(255,255,255)background: rgb(48,138,203)
font-size: 12ptfont-weight: 400<button class='cookie_accept'>Согласен</button>
| Line 1330 | |
| https://import-export-trade.com/ | | |
|
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 white text on a white background. | Rule: AccHtmlUnsetTextOrBackgroundColor | |
| The colors used are: | | |
| color: rgb(0,80,141) from import-export-trade.com
background: rgb(255,255,255) from browser settings
<a href='/video.php' target='_blank' style='font-weight: 600; ...'><u>...</u>(видео)</a>
| Line 617 | |
| color: rgb(0,0,0) from style.css
background: rgb(255,255,255) from browser settings
<h3 class='featuress__title'>Стоимость ... на Импорт</h3>
| Line 657 | |
| color: rgb(0,0,0) from style.css
background: rgb(255,255,255) from browser settings
<p>Импортером ... языка.</p>
| Line 677 | |
| color: rgb(0,0,0) from style.css
background: rgb(255,255,255) from browser settings
<p>В данной услуге мы ... с поставщиком...</p>
| Line 698 | |
| color: rgb(0,0,0) from style.css
background: rgb(255,255,255) from browser settings
<h3 class='featuress__title'>Стоимость ... на Экспорт</h3>
| Line 731 | |
| https://import-export-trade.com/ | | |
|
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)
| Rule: AccWcag2-F78-1 | |
| | | |
| :focus has outline: invert none 0px <a href='https://t.me/+79256755252'>...</a>
| Line 456 | |
| :focus has outline: invert none 0px <a href='...app.com/send?phone=79256755252'>...</a>
| Line 457 | |
| :focus has outline: invert none 0px <a href='...370Br-bI0jDWjU9ZntMrlBAi0O-G5E'>...</a>
| Line 458 | |
| :focus has outline: invert none 0px <a class='header__info-phone' href='tel:+79256755252'>+7 (925) 675-52-52</a>
| Line 472 | |
| :focus has outline: invert none 0px <a class='header__info-phone' href='tel:88002000494'>8 (800) 200-04-94</a>
| Line 473 | |
| https://import-export-trade.com/ | | |
|
Displaying new windows without warning can be very confusing to non-sighted and mobile users.
Some screen readers and mobile devices give very little indication a new tab or window has opened.
If you cannot avoid displaying a new window, insert an "opens in a new window" warning into the link text
or add the warning to the link using a title attribute or aria-describedby attribute. | Rule: AccHtmlLinkTargetNew | |
| | | |
| <a href='/video.php' target='_blank' style='font-weight: 600; ...'><u>...</u>(видео)</a>
| Line 617 | |
| <a href='...vk.com/import_export_logistica' target='_blank' style='color:#000;' aria-label='Наша группа в ВК'>...</a>
| Line 1188 | |
| <a href='https://t.me/+79256755252' target='_blank'>...</a>
| Line 1336 | |
| <a href='...app.com/send?phone=79256755252' target='_blank'>...</a>
| Line 1337 | |
| <a href='...370Br-bI0jDWjU9ZntMrlBAi0O-G5E' target='_blank'>...</a>
| Line 1338 | |
| https://import-export-trade.com/ | | |
|
Use the @media (prefers-reduced-motion) media query to respect user preferences. | Rule: AccCssTransitionInteraction | |
| | | |
| ::before:hover transition: left auto 0px inset-block-start auto 0px height 116px auto width 116px 78px margin-inline-end -74px 0px padding-block-end 56px 0px padding-inline-start 19px 0px padding-inline-end 19px 0px padding-block-start 25px 0px 0.7s<button class='btn btn_dark ...' type='button' data-fancybox='' data-src='#feedcall'>Обратный звонок</button>
| Line 453 | |
| ::after:hover transition: auto -2px auto 0px auto 2px auto 0px 0.7s<a class='header__menu-href ...' href='/transh'>... ВЭД</a>
| Line 484 | |
| ::after:hover transition: auto -2px auto 0px auto 2px auto 0px 0.7s<a class='header__menu-href ...' href='/import'>Импорт</a>
| Line 485 | |
| ::after:hover transition: auto -2px auto 0px auto 2px auto 0px 0.7s<a class='header__menu-href ...' href='/export'>Экспорт</a>
| Line 486 | |
| ::after:hover transition: auto -2px auto 0px auto 2px auto 0px 0.7s<a class='header__menu-href ...' href='/logistica'>Логистика</a>
| Line 487 | |
| https://import-export-trade.com/ | | |