|
Add an alt attribute describing the image, which screen readers voice instead of the image.
Spacer images and purely decorative images should use alt="" without any global ARIA attributes.
Do not use alt text containing only spaces since that's voiced as an unlabeled image. Impact on users: - NVDA 2025.3 Chrome 143 Windows 11 Reading: Image ignored.
- NVDA 2025.3 FF 140 Windows 11 Reading: Image ignored.
- NVDA 2025.3 Chrome 143 Windows 11 Reading: Image ignored.
- JAWS 2025.2508.120 Chrome 143 Windows 11 Reading: Image ignored.
- JAWS 2025.2508.120 FF 140 Windows 11 Reading: Image ignored.
- JAWS 2025.2508.120 Chrome 143 Windows 11 Reading: Image ignored.
- VoiceOver macOS 15.7 Safari 26.0 macOS 15.7.1 Reading: Image filename read out.
- VoiceOver iOS 18.6 Safari iOS 18.6 iOS 18.6.2 Touch: Image filename read out, along with OCR text from image.
| | |
| | | |
| <img src='https://static.insales-cdn.com/files/1/913/117244817/original/TG1_1701872663912-1701872718816.png'>
| Line 1954 | |
| <img src='https://static.insales-cdn.com/files/1/937/117244841/original/max-messenger-sign-logo.png'>
| Line 1961 | |
| https://www.dlyaudachi.ru/ | | |
| | | |
| <img src='https://static.insales-cdn.com/files/1/913/117244817/original/TG1_1701872663912-1701872718816.png'>
| Line 1958 | |
| <img src='https://static.insales-cdn.com/files/1/937/117244841/original/max-messenger-sign-logo.png'>
| Line 1965 | |
| https://www.dlyaudachi.ru/blogs/blog-2 | | |
| | | |
| <img src='https://static.insales-cdn.com/r/6hz1Hn07T6o/rs:fit:600:600:1/plain/images/reviews/1/8121/5078969/XXXL.webp@webp' loading='lazy' class='review-client-photo'>
| Line 3843 | |
| <img src='https://static.insales-cdn.com/r/ef8B2UW0NhU/rs:fit:600:600:1/plain/images/reviews/1/8113/5078961/XXXL.webp@webp' loading='lazy' class='review-client-photo'>
| Line 3875 | |
| <img src='https://static.insales-cdn.com/r/FiUGyVl90DI/rs:fit:600:600:1/plain/images/reviews/1/6993/5151569/Screenshot_2.jpg@jpg' loading='lazy' class='review-client-photo'>
| Line 3807 | |
| <img src='https://static.insales-cdn.com/r/f1PCJuDNRJg/rs:fit:600:600:1/plain/images/reviews/1/1465/5047737/WhatsApp_Image_2025-11-20_at_16.08.44.jpeg@jpeg' loading='lazy' class='review-client-photo'>
| Line 3911 | |
| https://www.dlyaudachi.ru/blogs/shop-reviews | | |
|
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 target='blank' class='info-contacts-link' href='https://t.me/@Dlyaudachi'>...</a>
| Line 1953 | |
| <a target='blank' class='info-contacts-link' href='https://max.ru/u/f9LHodD0cOLq3zfeaDjnNWIhvtHF6P4SAjvRbqA2Dw5p4HPiM2LRShIj2zk'>...</a>
| Line 1960 | |
| <a href='https://www.dlyaudachi.ru/blogs/blog/kredit-tinkoff' class='promo-slider__item ...'>...</a>
| Line 3615 | |
| <a href='https://www.dlyaudachi.ru/collection/mebel-dlya-spalni' class='promo-slider__item ...'>...</a>
| Line 3647 | |
| <a href='https://t.me/@Dlyaudachi' target='_blank' class='messenger_link ...'>...</a>
| Line 4849 | |
| https://www.dlyaudachi.ru/ | | |
| | | |
| <a href='https://t.me/@Dlyaudachi' target='_blank' class='messenger_link ...'>...</a>
| Line 3852 | |
| <a href='https://wa.me/+79998338954' target='_blank' class='messenger_link ...'>...</a>
| Line 3863 | |
| <a href='https://vk.com/dlyaudach1' target='_blank' class='social_link social-...'>...</a>
| Line 3878 | |
| https://www.dlyaudachi.ru/page/about-us | | |
| | | |
| <a href='https://t.me/@Dlyaudachi' target='_blank' class='messenger_link ...'>...</a>
| Line 3908 | |
| <a href='https://wa.me/+79998338954' target='_blank' class='messenger_link ...'>...</a>
| Line 3919 | |
| <a href='https://vk.com/dlyaudach1' target='_blank' class='social_link social-...'>...</a>
| Line 3934 | |
| https://www.dlyaudachi.ru/page/delivery | | |
| | | |
| <a href='https://t.me/@Dlyaudachi' target='_blank' class='messenger_link ...'>...</a>
| Line 3852 | |
| <a href='https://wa.me/+79998338954' target='_blank' class='messenger_link ...'>...</a>
| Line 3863 | |
| <a href='https://vk.com/dlyaudach1' target='_blank' class='social_link social-...'>...</a>
| Line 3878 | |
| https://www.dlyaudachi.ru/page/payment | | |
| 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 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: | | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 10.80ptfont-weight: 400<p>© 2018 - 2024 Мебель от ... в реальность!</p>
| Line 4889 | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 13.20ptfont-weight: 700<div class='contacts_title'>Контакты</div>
| Line 4808 | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 13.20ptfont-weight: 400<a class='footer__phone-value' href='tel:88003008563'>8 (800) 300-85-63</a>
| Line 4815 | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 13.20ptfont-weight: 400<a class='footer__phone-value' href='tel:89998338954'>8 (999) 83-38-954</a>
| Line 4820 | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 13.20ptfont-weight: 400<a class='footer__phone-value' href='mailto:info@dlyaudachi.ru'>....ru</a>
| Line 4825 | |
| https://www.dlyaudachi.ru/ | | |
| The text color to background color contrast ratio after composition is: | | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 10.80ptfont-weight: 400<p>© 2018 - 2024 Мебель от ... в реальность!</p>
| Line 3898 | |
| 3.95 with
color: rgb(128,128,128)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<a class='breadcrumb-link' title='Главная' href='/'>Главная</a>
| Line 3554 | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 13.20ptfont-weight: 700<div class='contacts_title'>Контакты</div>
| Line 3811 | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 13.20ptfont-weight: 400<a class='footer__phone-value' href='tel:88003008563'>8 (800) 300-85-63</a>
| Line 3818 | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 13.20ptfont-weight: 400<a class='footer__phone-value' href='tel:89998338954'>8 (999) 83-38-954</a>
| Line 3823 | |
| https://www.dlyaudachi.ru/page/about-us | | |
| The text color to background color contrast ratio after composition is: | | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 10.80ptfont-weight: 400<p>© 2018 - 2024 Мебель от ... в реальность!</p>
| Line 3954 | |
| 3.95 with
color: rgb(128,128,128)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<a class='breadcrumb-link' title='Главная' href='/'>Главная</a>
| Line 3554 | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 13.20ptfont-weight: 700<div class='contacts_title'>Контакты</div>
| Line 3867 | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 13.20ptfont-weight: 400<a class='footer__phone-value' href='tel:88003008563'>8 (800) 300-85-63</a>
| Line 3874 | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 13.20ptfont-weight: 400<a class='footer__phone-value' href='tel:89998338954'>8 (999) 83-38-954</a>
| Line 3879 | |
| https://www.dlyaudachi.ru/page/delivery | | |
| The text color to background color contrast ratio after composition is: | | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 10.80ptfont-weight: 400<p>© 2018 - 2024 Мебель от ... в реальность!</p>
| Line 3898 | |
| 3.95 with
color: rgb(128,128,128)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<a class='breadcrumb-link' title='Главная' href='/'>Главная</a>
| Line 3554 | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 13.20ptfont-weight: 700<div class='contacts_title'>Контакты</div>
| Line 3811 | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 13.20ptfont-weight: 400<a class='footer__phone-value' href='tel:88003008563'>8 (800) 300-85-63</a>
| Line 3818 | |
| 2.25 with
color: rgb(255,255,255)background: rgb(123,191,43)
font-size: 13.20ptfont-weight: 400<a class='footer__phone-value' href='tel:89998338954'>8 (999) 83-38-954</a>
| Line 3823 | |
| https://www.dlyaudachi.ru/page/payment | | |
| This issue was found on another 5 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)
| | |
| | | |
| :focus has outline: invert none 0px <div class='article-list__item ...' id='splide03-slide02' style='margin-right: 30px; ...' tabindex='0' aria-hidden='false'>...</div>
| Line 4333 | |
| :focus has outline: invert none 0px <div class='article-list__item ...' id='splide03-slide03' style='margin-right: 30px; ...' tabindex='0' aria-hidden='false'>...</div>
| Line 4363 | |
| :focus has outline: invert none 0px <button type='submit' class='button button_size-l'>...</button>
| Line 2020 | |
| :focus has outline: invert none 0px <div class='article-list__item ...' id='splide03-slide01' style='margin-right: 30px; ...' tabindex='0' aria-hidden='false'>...</div>
| Line 4303 | |
| :focus has outline: invert none 0px <button type='button' class='splide__arrow ...' aria-controls='splide02-track' aria-label='Previous slide'>...</button>
| Line 3679 | |
| https://www.dlyaudachi.ru/ | | |
| | | |
| :focus has outline: invert none 0px <button type='submit' class='button button_size-l'>...</button>
| Line 2009 | |
| :focus has outline: invert none 0px <button type='button' class='button button_size-l'>...</button>
| Line 1995 | |
| :focus has outline: invert none 0px <button class='m-modal-button m-...' type='submit'>...</button>
| Line 4434 | |
| :focus has outline: invert none 0px <button class='m-modal-close' data-modal='close'></button>
| Line 4433 | |
| https://www.dlyaudachi.ru/page/about-us | | |
| | | |
| :focus has outline: invert none 0px <button type='submit' class='button button_size-l'>...</button>
| Line 2009 | |
| :focus has outline: invert none 0px <button type='button' class='button button_size-l'>...</button>
| Line 1995 | |
| :focus has outline: invert none 0px <button class='m-modal-button m-...' type='submit'>...</button>
| Line 4490 | |
| :focus has outline: invert none 0px <button class='m-modal-close' data-modal='close'></button>
| Line 4489 | |
| https://www.dlyaudachi.ru/page/delivery | | |
| | | |
| :focus has outline: invert none 0px <button type='submit' class='button button_size-l'>...</button>
| Line 2009 | |
| :focus has outline: invert none 0px <button type='button' class='button button_size-l'>...</button>
| Line 1995 | |
| :focus has outline: invert none 0px <button class='m-modal-button m-...' type='submit'>...</button>
| Line 4434 | |
| :focus has outline: invert none 0px <button class='m-modal-close' data-modal='close'></button>
| Line 4433 | |
| https://www.dlyaudachi.ru/page/payment | | |
| 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. | | |
| | | |
| <a href='https://t.me/@Dlyaudachi' target='_blank' class='messenger_link ...'>...</a>
| Line 4849 | |
| <a href='https://wa.me/+79998338954' target='_blank' class='messenger_link ...'>...</a>
| Line 4857 | |
| <a href='https://vk.com/dlyaudach1' target='_blank' class='social_link social-...'>...</a>
| Line 4869 | |
| <a href='#' target='_blank'>Политикой безопасности</a>
| Line 5044 | |
| https://www.dlyaudachi.ru/ | | |
| | | |
| <a href='https://t.me/@Dlyaudachi' target='_blank' class='messenger_link ...'>...</a>
| Line 3852 | |
| <a href='https://wa.me/+79998338954' target='_blank' class='messenger_link ...'>...</a>
| Line 3863 | |
| <a href='https://vk.com/dlyaudach1' target='_blank' class='social_link social-...'>...</a>
| Line 3878 | |
| https://www.dlyaudachi.ru/page/about-us | | |
| | | |
| <a href='https://t.me/@Dlyaudachi' target='_blank' class='messenger_link ...'>...</a>
| Line 3908 | |
| <a href='https://wa.me/+79998338954' target='_blank' class='messenger_link ...'>...</a>
| Line 3919 | |
| <a href='https://vk.com/dlyaudach1' target='_blank' class='social_link social-...'>...</a>
| Line 3934 | |
| https://www.dlyaudachi.ru/page/delivery | | |
| | | |
| <a href='https://t.me/@Dlyaudachi' target='_blank' class='messenger_link ...'>...</a>
| Line 3852 | |
| <a href='https://wa.me/+79998338954' target='_blank' class='messenger_link ...'>...</a>
| Line 3863 | |
| <a href='https://vk.com/dlyaudach1' target='_blank' class='social_link social-...'>...</a>
| Line 3878 | |
| https://www.dlyaudachi.ru/page/payment | | |
| 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
| | |
| The text color to background color contrast ratio after composition is: | | |
| 6.68 with
color: rgb(255,255,255)text-shadow: 0px 1px 0px rgb(116,54,204)background: linear-gradient(to bottom , rgb(116,54,204) 5% , rgb(116,54,204) 100%)
font-size: 11.25ptfont-weight: 700<button class='btn-qu_feed' type='button' data-open-form='feed'>...</button>
| Line 4881 | |
| https://www.dlyaudachi.ru/ | | |
| The text color to background color contrast ratio after composition is: | | |
| 6.68 with
color: rgb(255,255,255)text-shadow: 0px 1px 0px rgb(116,54,204)background: linear-gradient(to bottom , rgb(116,54,204) 5% , rgb(116,54,204) 100%)
font-size: 11.25ptfont-weight: 700<button class='btn-qu_feed' type='button' data-open-form='feed'>...</button>
| Line 3890 | |
| https://www.dlyaudachi.ru/page/about-us | | |
| The text color to background color contrast ratio after composition is: | | |
| 6.68 with
color: rgb(255,255,255)text-shadow: 0px 1px 0px rgb(116,54,204)background: linear-gradient(to bottom , rgb(116,54,204) 5% , rgb(116,54,204) 100%)
font-size: 11.25ptfont-weight: 700<button class='btn-qu_feed' type='button' data-open-form='feed'>...</button>
| Line 3946 | |
| 4.29 with
color: rgb(224,62,45)background: rgb(255,255,255)
font-size: 24ptfont-weight: 700<span style='color: rgb(224, 62, ...'>(Самовывоза нет)</span>
| Line 3625 | |
| https://www.dlyaudachi.ru/page/delivery | | |
| The text color to background color contrast ratio after composition is: | | |
| 4.29 with
color: rgb(224,62,45)background: rgb(255,255,255)
font-size: 18ptfont-weight: 700<span style='color: rgb(224, 62, ...'>Оплату ... товара).</span>
| Line 3637 | |
| 4.29 with
color: rgb(224,62,45)background: rgb(255,255,255)
font-size: 18ptfont-weight: 700<span style='color: rgb(224, 62, ...'>....</span>
| Line 3638 | |
| 4.29 with
color: rgb(224,62,45)background: rgb(255,255,255)
font-size: 18ptfont-weight: 700<span style='color: rgb(224, 62, ...'><strong>Работаем</strong>без НДС (УСН).</span>
| Line 3639 | |
| 4.29 with
color: rgb(224,62,45)background: rgb(255,255,255)
font-size: 18ptfont-weight: 700<span style='color: rgb(224, 62, ...'>С НДС 22% ....</span>
| Line 3640 | |
| 6.68 with
color: rgb(255,255,255)text-shadow: 0px 1px 0px rgb(116,54,204)background: linear-gradient(to bottom , rgb(116,54,204) 5% , rgb(116,54,204) 100%)
font-size: 11.25ptfont-weight: 700<button class='btn-qu_feed' type='button' data-open-form='feed'>...</button>
| Line 3890 | |
| https://www.dlyaudachi.ru/page/payment | | |
| This issue was found on another 5 pages.
The trial version is limited to showing issues on 4 pages.
| | |