|
A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
- Add text between the
a element start and end tags
- Add an
aria-label attribute
- Add an
aria-labelledby attribute
- Add an
img alt attribute labeling the link if it contains an img element
| | |
| | | |
| <a href='https://vk.com/russianhelicopters' target='_blank'>...</a>
| Line 790 | |
| <a href='https://t.me/rhc_aero' target='_blank'>...</a>
| Line 799 | |
| https://rhc.ru/cn/ | | |
| | | |
| <a href='https://vk.com/russianhelicopters' target='_blank'>...</a>
| Line 796 | |
| <a href='https://t.me/rhc_aero' target='_blank'>...</a>
| Line 805 | |
| https://rhc.ru/en/ | | |
| | | |
| <a href='https://vk.com/russianhelicopters' target='_blank'>...</a>
| Line 859 | |
| <a href='https://t.me/rhc_aero' target='_blank'>...</a>
| Line 868 | |
| https://rhc.ru/es/ | | |
| | | |
| <a href='https://vk.com/russianhelicopters' target='_blank'>...</a>
| Line 789 | |
| <a href='https://t.me/rhc_aero' target='_blank'>...</a>
| Line 798 | |
| https://rhc.ru/pt/ | | |
|
People who use speech control rely on being able to select elements using the visual label displayed on screen.
If this isn't part of the accessible name, they can't select elements by name. | | |
| | | |
| Label "Выбрать вертолет" not in name "catalog link"
<a href='/catalog/' class='button' aria-label='catalog link'>...</a>
| Line 124 | |
| Label "+7 (495) 627 55 45" not in name "phone"
<a href='tel:+79456275545' aria-label='phone'>+7 (495) 627 55 45</a>
| Line 398 | |
| Label "Вертолеты" not in name "menu-link"
<a href='/catalog/' aria-label='menu-link'>Вертолеты</a>
| Line 69 | |
| Label "Закупки" not in name "menu-link"
<a href='/tenders/' aria-label='menu-link'>Закупки</a>
| Line 72 | |
| Label "О холдинге" not in name "menu-link"
<a href='/about/' aria-label='menu-link'>О холдинге</a>
| Line 75 | |
| https://rhc.ru/ | | |
| | | |
| Label "民用" not in name "catalog link"
<a href='/cn/catalog/' aria-label='catalog link'>民用</a>
| Line 241 | |
| Label "选择直升机" not in name "catalog link"
<a href='/cn/catalog/' class='button' aria-label='catalog link'>...</a>
| Line 246 | |
| Label "直升机" not in name "menu-link"
<a href='/cn/catalog/' aria-label='menu-link'>直升机</a>
| Line 140 | |
| Label "关于公司" not in name "menu-link"
<a href='/cn/about/' aria-label='menu-link'>关于公司</a>
| Line 147 | |
| https://rhc.ru/cn/ | | |
| | | |
| Label "Civil" not in name "catalog link"
<a href='/en/catalog/' aria-label='catalog link'>Civil</a>
| Line 241 | |
| Label "Select a helicopter" not in name "catalog link"
<a href='/en/catalog/' class='button' aria-label='catalog link'>...</a>
| Line 246 | |
| Label "Helicopters" not in name "menu-link"
<a href='/en/catalog/' aria-label='menu-link'>Helicopters</a>
| Line 140 | |
| Label "About the company" not in name "menu-link"
<a href='/en/about/' aria-label='menu-link'>About the company</a>
| Line 147 | |
| https://rhc.ru/en/ | | |
| | | |
| Label "Civil" not in name "catalog link"
<a href='/es/catalog/' aria-label='catalog link'>Civil</a>
| Line 241 | |
| Label "Elegir un helicóptero" not in name "catalog link"
<a href='/es/catalog/' class='button' aria-label='catalog link'>...</a>
| Line 246 | |
| Label "Helicópteros" not in name "menu-link"
<a href='/es/catalog/' aria-label='menu-link'>Helicópteros</a>
| Line 140 | |
| Label "Sobre el holding" not in name "menu-link"
<a href='/es/about/' aria-label='menu-link'>Sobre el holding</a>
| Line 147 | |
| https://rhc.ru/es/ | | |
| This issue was found on another 3 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 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: | | |
| 4.42 with
color: rgb(120,120,120)background: rgb(255,255,255)
font-size: 10.50ptfont-weight: 400<span>Деловая авиация</span>
| Line 425 | |
| 4.42 with
color: rgb(120,120,120)background: rgb(255,255,255)
font-size: 10.50ptfont-weight: 400<span>Поисково-спасательные работы</span>
| Line 432 | |
| 4.42 with
color: rgb(120,120,120)background: rgb(255,255,255)
font-size: 10.50ptfont-weight: 400<span>Санитарная авиация</span>
| Line 439 | |
| 4.42 with
color: rgb(120,120,120)background: rgb(255,255,255)
font-size: 10.50ptfont-weight: 400<span>Многоцелевые</span>
| Line 446 | |
| 4.42 with
color: rgb(120,120,120)background: rgb(255,255,255)
font-size: 10.50ptfont-weight: 400<span>Ведомственная авиация</span>
| Line 453 | |
| https://rhc.ru/catalog/ | | |
|
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)
| | |
| | | |
| :focus has outline: invert none 0px <a href='/' class='logo' aria-label='logotype'>...</a>
| Line 146 | |
| :focus has outline: invert none 0px <a href='/' class='logo' aria-label='logotype'>...</a>
| Line 89 | |
| :focus has outline: invert none 0px <a href='/catalog/' class='button' aria-label='catalog link'><span>...</span></a>
| Line 124 | |
| :focus has outline: invert none 0px <a href='....ru/anticorruption/feedback/?m' target='_blank' aria-label='external link'>...</a>
| Line 389 | |
| :focus has outline: invert none 0px <a href='...ns.org/licenses/by/4.0/deed.ru' target='_blank' rel='nofollow'>Creative Commons Attribution 4.0 International</a>
| Line 394 | |
| https://rhc.ru/ | | |
| | | |
| :focus has outline: invert none 0px <a href='/'>Рус</a>
| Line 107 | |
| :focus has outline: invert none 0px <a href='/en/'>Eng</a>
| Line 112 | |
| :focus has outline: invert none 0px <a href='/es/'>Esp</a>
| Line 117 | |
| :focus has outline: invert none 0px <a href='/cn/' class='active'>Cn</a>
| Line 122 | |
| :focus has outline: invert none 0px <a href='/pt/'>Pt</a>
| Line 127 | |
| https://rhc.ru/cn/ | | |
| | | |
| :focus has outline: invert none 0px <a href='/'>Рус</a>
| Line 107 | |
| :focus has outline: invert none 0px <a href='/en/' class='active'>Eng</a>
| Line 112 | |
| :focus has outline: invert none 0px <a href='/es/'>Esp</a>
| Line 117 | |
| :focus has outline: invert none 0px <a href='/cn/'>Cn</a>
| Line 122 | |
| :focus has outline: invert none 0px <a href='/pt/'>Pt</a>
| Line 127 | |
| https://rhc.ru/en/ | | |
| | | |
| :focus has outline: invert none 0px <a href='/'>Рус</a>
| Line 107 | |
| :focus has outline: invert none 0px <a href='/en/'>Eng</a>
| Line 112 | |
| :focus has outline: invert none 0px <a href='/es/' class='active'>Esp</a>
| Line 117 | |
| :focus has outline: invert none 0px <a href='/cn/'>Cn</a>
| Line 122 | |
| :focus has outline: invert none 0px <a href='/pt/'>Pt</a>
| Line 127 | |
| https://rhc.ru/es/ | | |
| This issue was found on another 3 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
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. | | |
| | | |
| <a href='....ru/anticorruption/feedback/?m' target='_blank' aria-label='external link'>...</a>
| Line 389 | |
| <a href='...ns.org/licenses/by/4.0/deed.ru' target='_blank' rel='nofollow'>Creative Commons Attribution 4.0 International</a>
| Line 394 | |
| <a href='...ps://vk.com/russianhelicopters' target='_blank' aria-label='social - vk'>...</a>
| Line 402 | |
| <a href='https://t.me/rhc_aero' target='_blank' aria-label='social - telegram'>...</a>
| Line 406 | |
| <a href='...ps://vk.com/russianhelicopters' target='_blank' aria-label='social - vk'>...</a>
| Line 258 | |
| https://rhc.ru/ | | |
| | | |
| <a href='...ps://vk.com/russianhelicopters' target='_blank'>...</a>
| Line 790 | |
| <a href='https://t.me/rhc_aero' target='_blank'>...</a>
| Line 799 | |
| <a href='...ps://vk.com/russianhelicopters' target='_blank' aria-label='social - vk'>...</a>
| Line 540 | |
| <a href='https://t.me/rhc_aero' target='_blank' aria-label='social - telegram'>...</a>
| Line 549 | |
| https://rhc.ru/cn/ | | |
| | | |
| <a href='...ps://vk.com/russianhelicopters' target='_blank'>...</a>
| Line 796 | |
| <a href='https://t.me/rhc_aero' target='_blank'>...</a>
| Line 805 | |
| <a href='...ps://vk.com/russianhelicopters' target='_blank' aria-label='social - vk'>...</a>
| Line 549 | |
| <a href='https://t.me/rhc_aero' target='_blank' aria-label='social - telegram'>...</a>
| Line 558 | |
| https://rhc.ru/en/ | | |
| | | |
| <a href='...ps://vk.com/russianhelicopters' target='_blank'>...</a>
| Line 859 | |
| <a href='https://t.me/rhc_aero' target='_blank'>...</a>
| Line 868 | |
| <a href='...ps://vk.com/russianhelicopters' target='_blank' aria-label='social - vk'>...</a>
| Line 549 | |
| <a href='https://t.me/rhc_aero' target='_blank' aria-label='social - telegram'>...</a>
| Line 558 | |
| https://rhc.ru/es/ | | |
| This issue was found on another 3 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
Use the @media (prefers-reduced-motion) media query to respect user preferences. | | |
| | | |
| ::before:hover transition: bottom auto 0px left auto 0px inset-inline-end auto 0px inset-block-start auto 0px min-height 560px 0px 0.5s<div class='banner'><div class='banner-info'><h2>...</h2>...</div>...</div>
| Line 272 | |
| https://rhc.ru/ | | |
| | | |
| ::before:hover transition: bottom auto 0px left auto 0px inset-inline-end auto 0px inset-block-start auto 0px min-height 560px 0px 0.5s<div class='banner'><div class='banner-info'><h2>...</h2>...</div>...</div>
| Line 571 | |
| https://rhc.ru/cn/ | | |
| | | |
| ::before:hover transition: bottom auto 0px left auto 0px inset-inline-end auto 0px inset-block-start auto 0px min-height 560px 0px 0.5s<div class='banner'><div class='banner-info'><h2>...s</h2>...</div>...</div>
| Line 580 | |
| https://rhc.ru/en/ | | |
| | | |
| ::before:hover transition: bottom auto 0px left auto 0px inset-inline-end auto 0px inset-block-start auto 0px min-height 560px 0px 0.5s<div class='banner'><div class='banner-info'><h2>...s</h2>...</div>...</div>
| Line 580 | |
| https://rhc.ru/es/ | | |
| This issue was found on another 2 pages.
The trial version is limited to showing issues on 4 pages.
| | |