|
A label (or name) linked to the control allows screen readers to voice the label correctly when reading the control. To add a label do one of the following:
- Use a
label element with the for attribute set to the ID of the form control
- Wrap a
label element around the form control
- Add a
title attribute
- Add an
aria-label attribute
- Add an
aria-labelledby attribute
| Rule: AccHtmlControlLabelMissing | |
| | | |
| <select type='text' id='form-birthdate' name='birthdate[]'>...</select>
| Line 1385 | |
| <select type='text' id='form-birthdate' name='birthdate[]'>...</select>
| Line 1386 | |
| <select type='text' id='form-birthdate' name='birthdate[]'>...</select>
| Line 1387 | |
| https://www.astrostar.ru/ | | |
| | | |
| <select type='text' id='form-birthdate' name='birthdate[]'>...</select>
| Line 1411 | |
| <select type='text' id='form-birthdate' name='birthdate[]'>...</select>
| Line 1412 | |
| <select type='text' id='form-birthdate' name='birthdate[]'>...</select>
| Line 1413 | |
| https://www.astrostar.ru/horoscopes/ | | |
| | | |
| <select type='text' id='form-birthdate' name='birthdate[]'>...</select>
| Line 1417 | |
| <select type='text' id='form-birthdate' name='birthdate[]'>...</select>
| Line 1418 | |
| <select type='text' id='form-birthdate' name='birthdate[]'>...</select>
| Line 1419 | |
| https://www.astrostar.ru/horoscopes/main/oven.html | | |
| | | |
| <select type='text' id='form-birthdate' name='birthdate[]'>...</select>
| Line 1417 | |
| <select type='text' id='form-birthdate' name='birthdate[]'>...</select>
| Line 1418 | |
| <select type='text' id='form-birthdate' name='birthdate[]'>...</select>
| Line 1419 | |
| https://www.astrostar.ru/horoscopes/main/telets.html | | |
| This issue was found on another 1 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
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
| Rule: AccHtmlLinkTextBlank | |
| | | |
| <a href='/calendars/moon.html' class='block-link__button'>...</a>
| Line 2116 | |
| <a href='/calendars/hairstyle.html' class='block-link__button'>...</a>
| Line 2131 | |
| <a href='/calendars/pregnancy.html' class='block-link__button'>...</a>
| Line 2145 | |
| <a href='/calendars/plant.html' class='block-link__button'>...</a>
| Line 2159 | |
| <a href='https://vk.com/kolizeo' target='_blank' rel='nofollow'>...</a>
| Line 2558 | |
| https://www.astrostar.ru/ | | |
| | | |
| <a href='https://vk.com/kolizeo' target='_blank' rel='nofollow'>...</a>
| Line 1432 | |
| https://www.astrostar.ru/pages/o-proekte.html | | |
| | | |
| <a href='https://vk.com/kolizeo' target='_blank' rel='nofollow'>...</a>
| Line 1445 | |
| https://www.astrostar.ru/pages/spisok-dokumentov-dlya-klienta.html | | |
| | | |
| <a href='https://vk.com/kolizeo' target='_blank' rel='nofollow'>...</a>
| Line 1456 | |
| https://www.astrostar.ru/support | | |
| This issue was found on another 5 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
The name, role, and state of an interactive control is ignored when the control is nested inside another interactive control, meaning the control is voiced incorrectly in a screen reader. | Rule: W3cHtml5Assert19button | |
| | | |
| <button type='button' class='' name='' id='...'>Все ... »</button>
| Line 1844 | |
| <button type='button' class='' name='' id='...'>... »</button>
| Line 2466 | |
| <button>Заказать</button>
| Line 1334 | |
| <button>Получить</button>
| Line 1348 | |
| <button>Получить</button>
| Line 1741 | |
| https://www.astrostar.ru/ | | |
| | | |
| <button type='button' class='' name='' id='...'>...</button>
| Line 1870 | |
| <button type='button' class='' name='' id='...'>...</button>
| Line 1888 | |
| <button>Заказать</button>
| Line 1361 | |
| <button>Получить</button>
| Line 1375 | |
| https://www.astrostar.ru/horoscopes/ | | |
| | | |
| <button type='button' class='' name='' id='...'>...</button>
| Line 1932 | |
| <button type='button' class='' name='' id='...'>...</button>
| Line 1950 | |
| <button>Заказать</button>
| Line 1367 | |
| <button>Получить</button>
| Line 1381 | |
| https://www.astrostar.ru/horoscopes/main/oven.html | | |
| | | |
| <button type='button' class='' name='' id='...'>...</button>
| Line 1932 | |
| <button type='button' class='' name='' id='...'>...</button>
| Line 1950 | |
| <button>Заказать</button>
| Line 1367 | |
| <button>Получить</button>
| Line 1381 | |
| https://www.astrostar.ru/horoscopes/main/telets.html | | |
| This issue was found on another 1 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
The name, role, and state of an interactive control is ignored when the control is nested inside another interactive control, meaning the control is voiced incorrectly in a screen reader. | Rule: W3cHtml5AssertNested-a-button | |
| | | |
| <button type='button' class='' name='' id='...'>Все ... »</button>
| Line 1844 | |
| <button type='button' class='' name='' id='...'>... »</button>
| Line 2466 | |
| <button>Заказать</button>
| Line 1334 | |
| <button>Получить</button>
| Line 1348 | |
| <button>Получить</button>
| Line 1741 | |
| https://www.astrostar.ru/ | | |
| | | |
| <button type='button' class='' name='' id='...'>...</button>
| Line 1870 | |
| <button type='button' class='' name='' id='...'>...</button>
| Line 1888 | |
| <button>Заказать</button>
| Line 1361 | |
| <button>Получить</button>
| Line 1375 | |
| https://www.astrostar.ru/horoscopes/ | | |
| | | |
| <button type='button' class='' name='' id='...'>...</button>
| Line 1932 | |
| <button type='button' class='' name='' id='...'>...</button>
| Line 1950 | |
| <button>Заказать</button>
| Line 1367 | |
| <button>Получить</button>
| Line 1381 | |
| https://www.astrostar.ru/horoscopes/main/oven.html | | |
| | | |
| <button type='button' class='' name='' id='...'>...</button>
| Line 1932 | |
| <button type='button' class='' name='' id='...'>...</button>
| Line 1950 | |
| <button>Заказать</button>
| Line 1367 | |
| <button>Получить</button>
| Line 1381 | |
| https://www.astrostar.ru/horoscopes/main/telets.html | | |
| This issue was found on another 1 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
| Rule: AccHtmlContrastMinimum | |
| The text color to background color contrast ratio after composition is: | | |
| 3.20 with
color: rgb(142,144,148)background: rgb(255,255,255)
font-size: 9ptfont-weight: 400<a href='/articles/astrologiya.html'>Астрология</a>
| Line 2176 | |
| 3.20 with
color: rgb(142,144,148)background: rgb(255,255,255)
font-size: 9ptfont-weight: 400<a href='...rologiya/planety-i-zvezdy.html'>... судьбу</a>
| Line 2183 | |
| 3.20 with
color: rgb(142,144,148)background: rgb(255,255,255)
font-size: 9ptfont-weight: 400<a href='/articles/astrologiya.html'>Астрология</a>
| Line 2212 | |
| 3.20 with
color: rgb(142,144,148)background: rgb(255,255,255)
font-size: 9ptfont-weight: 400<a href='...rologiya/planety-i-zvezdy.html'>... судьбу</a>
| Line 2219 | |
| 3.20 with
color: rgb(142,144,148)background: rgb(255,255,255)
font-size: 9ptfont-weight: 400<a href='/articles/astrologiya.html'>Астрология</a>
| Line 2248 | |
| https://www.astrostar.ru/ | | |
| The text color to background color contrast ratio after composition is: | | |
| 3.92 with
color: rgb(255,255,255)background: rgba(255,255,255,20.0%)
font-size: 11.25ptfont-weight: 400<button type='button' class='js-order-status' data-bs-toggle='modal' data-bs-target='#orderStatusModal'>Узнать статус заказа</button>
| Line 538 | |
| https://www.astrostar.ru/pages/o-proekte.html | | |
| The text color to background color contrast ratio after composition is: | | |
| 3.92 with
color: rgb(255,255,255)background: rgba(255,255,255,20.0%)
font-size: 11.25ptfont-weight: 400<button type='button' class='js-order-status' data-bs-toggle='modal' data-bs-target='#orderStatusModal'>Узнать статус заказа</button>
| Line 538 | |
| https://www.astrostar.ru/pages/spisok-dokumentov-dlya-klienta.html | | |
| The text color to background color contrast ratio after composition is: | | |
| 3.92 with
color: rgb(255,255,255)background: rgba(255,255,255,20.0%)
font-size: 11.25ptfont-weight: 400<button type='button' class='js-order-status' data-bs-toggle='modal' data-bs-target='#orderStatusModal'>Узнать статус заказа</button>
| Line 538 | |
| https://www.astrostar.ru/support | | |
| This issue was found on another 5 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. | Rule: AccHtmlLinkTargetNew | |
| | | |
| <a class='max-horoscope-banner' href='...ttps://max.ru/id7715852824_biz' target='_blank' rel='nofollow noopener ...'>...</a>
| Line 1687 | |
| <a href='https://vk.com/kolizeo' target='_blank' rel='nofollow'>...</a>
| Line 2558 | |
| <a href='/pages/oferta.html' target='_blank'>...</a>
| Line 1397 | |
| <a href='/pages/agreement.html' target='_blank'>...</a>
| Line 1397 | |
| https://www.astrostar.ru/ | | |
| | | |
| <a href='https://vk.com/kolizeo' target='_blank' rel='nofollow'>...</a>
| Line 1432 | |
| https://www.astrostar.ru/pages/o-proekte.html | | |
| | | |
| <a href='https://vk.com/kolizeo' target='_blank' rel='nofollow'>...</a>
| Line 1445 | |
| https://www.astrostar.ru/pages/spisok-dokumentov-dlya-klienta.html | | |
| | | |
| <a href='https://vk.com/kolizeo' target='_blank' rel='nofollow'>...</a>
| Line 1456 | |
| https://www.astrostar.ru/support | | |
| This issue was found on another 5 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
| Rule: AccHtmlContrastEnhanced | |
| The text color to background color contrast ratio after composition is: | | |
| 5.42 with
color: rgb(255,255,255)background: rgb(105,68,255)
font-size: 11.25ptfont-weight: 400<button type='button' class='full' name='' id='...' data-subscribe='1'>Подписаться</button>
| Line 1402 | |
| 5.42 with
color: rgb(255,255,255)background: rgb(105,68,255)
font-size: 12ptfont-weight: 400<button type='button' class='' name='' id='...'>Все ... »</button>
| Line 1844 | |
| 5.42 with
color: rgb(255,255,255)background: rgb(105,68,255)
font-size: 12ptfont-weight: 400<button type='button' class='' name='' id='...'>... »</button>
| Line 2466 | |
| 5.94 with
color: rgb(255,255,255)background: url(https://www.astrostar.ru/img/parts/header/header.jpeg)
font-size: 9.75ptfont-weight: 400<span class='header__logo__slogan'>Одни из ...</span>
| Line 514 | |
| 5.94 with
color: rgb(255,255,255)background: url(https://www.astrostar.ru/img/parts/header/header.jpeg)
font-size: 9.75ptfont-weight: 400<a href='/calendars/moon.html' class='header__moon'>...</a>
| Line 520 | |
| https://www.astrostar.ru/ | | |
| The text color to background color contrast ratio after composition is: | | |
| 5.94 with
color: rgb(255,255,255)background: url(https://www.astrostar.ru/img/parts/header/header.jpeg)
font-size: 9.75ptfont-weight: 400<span class='header__logo__slogan'>Одни из ...</span>
| Line 524 | |
| 5.94 with
color: rgb(255,255,255)background: url(https://www.astrostar.ru/img/parts/header/header.jpeg)
font-size: 9.75ptfont-weight: 400<a href='/calendars/moon.html' class='header__moon'>...</a>
| Line 530 | |
| 5.48 with
color: rgb(142,144,148)background: url(https://www.astrostar.ru/img/parts/footer/bg.jpg)
font-size: 9.75ptfont-weight: 400<li class='footer__menu__header'>Разделы</li>
| Line 1379 | |
| 5.48 with
color: rgb(142,144,148)background: url(https://www.astrostar.ru/img/parts/footer/bg.jpg)
font-size: 9.75ptfont-weight: 400<li class='footer__menu__header'>Услуги</li>
| Line 1397 | |
| 5.48 with
color: rgb(142,144,148)background: url(https://www.astrostar.ru/img/parts/footer/bg.jpg)
font-size: 9.75ptfont-weight: 400<li class='footer__menu__header'>Информация</li>
| Line 1415 | |
| https://www.astrostar.ru/pages/o-proekte.html | | |
| The text color to background color contrast ratio after composition is: | | |
| 5.94 with
color: rgb(255,255,255)background: url(https://www.astrostar.ru/img/parts/header/header.jpeg)
font-size: 9.75ptfont-weight: 400<span class='header__logo__slogan'>Одни из ...</span>
| Line 524 | |
| 5.94 with
color: rgb(255,255,255)background: url(https://www.astrostar.ru/img/parts/header/header.jpeg)
font-size: 9.75ptfont-weight: 400<a href='/calendars/moon.html' class='header__moon'>...</a>
| Line 530 | |
| 5.48 with
color: rgb(142,144,148)background: url(https://www.astrostar.ru/img/parts/footer/bg.jpg)
font-size: 9.75ptfont-weight: 400<li class='footer__menu__header'>Разделы</li>
| Line 1392 | |
| 5.48 with
color: rgb(142,144,148)background: url(https://www.astrostar.ru/img/parts/footer/bg.jpg)
font-size: 9.75ptfont-weight: 400<li class='footer__menu__header'>Услуги</li>
| Line 1410 | |
| 5.48 with
color: rgb(142,144,148)background: url(https://www.astrostar.ru/img/parts/footer/bg.jpg)
font-size: 9.75ptfont-weight: 400<li class='footer__menu__header'>Информация</li>
| Line 1428 | |
| https://www.astrostar.ru/pages/spisok-dokumentov-dlya-klienta.html | | |
| The text color to background color contrast ratio after composition is: | | |
| 5.42 with
color: rgb(255,255,255)background: rgb(105,68,255)
font-size: 11.25ptfont-weight: 400<button type='submit' class='' name='' id='...'>... »</button>
| Line 1364 | |
| 5.94 with
color: rgb(255,255,255)background: url(https://www.astrostar.ru/img/parts/header/header.jpeg)
font-size: 9.75ptfont-weight: 400<span class='header__logo__slogan'>Одни из ...</span>
| Line 524 | |
| 5.94 with
color: rgb(255,255,255)background: url(https://www.astrostar.ru/img/parts/header/header.jpeg)
font-size: 9.75ptfont-weight: 400<a href='/calendars/moon.html' class='header__moon'>...</a>
| Line 530 | |
| 5.48 with
color: rgb(142,144,148)background: url(https://www.astrostar.ru/img/parts/footer/bg.jpg)
font-size: 9.75ptfont-weight: 400<li class='footer__menu__header'>Разделы</li>
| Line 1403 | |
| 5.48 with
color: rgb(142,144,148)background: url(https://www.astrostar.ru/img/parts/footer/bg.jpg)
font-size: 9.75ptfont-weight: 400<li class='footer__menu__header'>Услуги</li>
| Line 1421 | |
| https://www.astrostar.ru/support | | |
| This issue was found on another 5 pages.
The trial version is limited to showing issues on 4 pages.
| | |