|
Add a title attribute or ARIA label to each iframe and frame element (e.g. title='Main Content'). VoiceOver on macOS does not read frame contents automatically, and without a title the user does not know what the frame contains. Impact on users: - VoiceOver macOS 15.7 Safari 26.0 macOS 15.7.1 Reading: Meaningless frame title read out.
| | |
| | | |
| <iframe loading='lazy' width='300' height='150' style='width: min(750px, ...' src='https://yandex.ru/maps-reviews-widget/131173582734?comments'></iframe>
| Line 1313 | |
| <iframe loading='lazy' width='300' height='150' style='width: min(750px, ...' src='https://yandex.ru/maps-reviews-widget/1070027136?comments'></iframe>
| Line 1318 | |
| <iframe loading='lazy' width='300' height='150' style='width: min(750px, ...' src='https://yandex.ru/maps-reviews-widget/1049981437?comments'></iframe>
| Line 1323 | |
| <iframe loading='lazy' width='300' height='150' style='width: min(750px, ...' src='https://yandex.ru/maps-reviews-widget/1239626768?comments'></iframe>
| Line 1328 | |
| https://www.razvitie21vek.com/ | | |
|
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 loading='lazy' src='/assets/cache_image/homepage/gallery/01/01_315x267_e41.webp'>
| Line 1080 | |
| <img loading='lazy' src='/assets/cache_image/homepage/gallery/01/02_315x267_e41.webp'>
| Line 1080 | |
| <img loading='lazy' src='/assets/cache_image/homepage/gallery/01/03_315x267_e41.webp'>
| Line 1080 | |
| <img loading='lazy' src='/assets/cache_image/homepage/gallery/01/04_315x267_e41.webp'>
| Line 1080 | |
| <img loading='lazy' src='/assets/cache_image/homepage/gallery/01/05_315x267_e41.webp'>
| Line 1080 | |
| https://www.razvitie21vek.com/ | | |
|
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 data-fancybox='video-link' data-type='iframe' data-preload='false' data-thumb='' class='otzyvy-video-block-...' href='https://rutube.ru/play/embed/33b7586b79f61c1fde21d6d6adbd310e'></a>
| Line 1250 | |
| <a data-fancybox='video-link' data-type='iframe' data-preload='false' data-thumb='' class='otzyvy-video-block-...' href='https://rutube.ru/play/embed/cb3346f4c5255e110032c27db668a58e'></a>
| Line 1268 | |
| <a data-fancybox='video-link' data-type='iframe' data-preload='false' data-thumb='' class='otzyvy-video-block-...' href='https://rutube.ru/play/embed/be7d3d332020b9922b55b8117b49808f'></a>
| Line 1276 | |
| <a data-fancybox='video-link' data-type='iframe' data-preload='false' data-thumb='https://rutube.ru/...' class='otzyvy-video-block-...' href='https://rutube.ru/play/embed/8eb46a25380b8b84548c18b19f8a5114'></a>
| Line 1284 | |
| <a data-fancybox='video-link' data-type='iframe' data-preload='false' data-thumb='https://rutube.ru/...' class='otzyvy-video-block-...' href='https://rutube.ru/play/embed/dcae6afd087be37193d43728b2970c67'></a>
| Line 1292 | |
| https://www.razvitie21vek.com/ | | |
|
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.85 with
color: rgb(153,153,153)background: rgb(255,255,255)
font-size: 16.83ptfont-weight: 400<div class='small mb20 db grey4'>Акции</div>
| Line 1086 | |
| 2.85 with
color: rgb(153,153,153)background: rgb(255,255,255)
font-size: 16.83ptfont-weight: 700<h2 class='h2 small mb20 db s-...'>Отзывы ... XXI век"</h2>
| Line 1237 | |
| 2.85 with
color: rgb(153,153,153)background: rgb(255,255,255)
font-size: 16.83ptfont-weight: 700<h2 class='h3 small mb20 db s-...'>Новости</h2>
| Line 1736 | |
| 2.85 with
color: rgb(153,153,153)background: rgb(255,255,255)
font-size: 16.83ptfont-weight: 400<div class='mb20 small grey4'>...</div>
| Line 1117 | |
| 2.85 with
color: rgb(153,153,153)background: rgb(255,255,255)
font-size: 17.16ptfont-weight: 400<div class='date grey4 font_13'>15 Апреля 2026</div>
| Line 1764 | |
| https://www.razvitie21vek.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. | | |
| The colors used are: | | |
| color: rgb(59,59,59) from planb.css
background: rgb(255,255,255) from browser settings
<div class='font_17 fw600 mb15'>Детский ...</div>
| Line 1801 | |
| color: rgb(51,51,51) from planb.css
background: rgb(255,255,255) from browser settings
<a href='tel:+74951200888'>+7 (495) 120 08 88</a>
| Line 1802 | |
| color: rgb(59,59,59) from planb.css
background: rgb(255,255,255) from browser settings
<div class='font_17 fw600 mb15'>Детский ...</div>
| Line 1805 | |
| color: rgb(51,51,51) from planb.css
background: rgb(255,255,255) from browser settings
<a href='tel:+74951200888'>+7 (495) 120 08 88</a>
| Line 1806 | |
| color: rgb(59,59,59) from planb.css
background: rgb(255,255,255) from browser settings
<div class='font_17 fw600 mb15'>Детский .... Нагорная</div>
| Line 1809 | |
| https://www.razvitie21vek.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)
| | |
| | | |
| :focus has outline: invert none 0px <a href='...tskiy-sad-metro-profsoyuznaya/' class='db font_13 mb5'>...4</a>
| Line 1964 | |
| :focus has outline: invert none 0px <a href='...d-na-sevastopolskom-prospekte/' class='db font_13 mb5'>...2</a>
| Line 1965 | |
| :focus has outline: invert none 0px <a href='...sad-na-balaklavskom-prospekte/' class='db font_13 mb5'>...8</a>
| Line 1966 | |
| :focus has outline: invert none 0px <a data-fancybox='video-link' data-type='iframe' data-preload='false' data-thumb='' class='otzyvy-video-block-...' href='...b7586b79f61c1fde21d6d6adbd310e'></a>
| Line 1250 | |
| :focus has outline: invert none 0px <a data-fancybox='video-link' data-type='iframe' data-preload='false' data-thumb='' class='otzyvy-video-block-...' href='...3346f4c5255e110032c27db668a58e'></a>
| Line 1268 | |
| https://www.razvitie21vek.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. | | |
| | | |
| <a class='social__link' href='https://vk.com/razvitie_21vek' target='_blank' rel='nofollow' title='ВКонтакте'>...</a>
| Line 213 | |
| <a class='social__link' href='https://t.me/Sad_razvitie21vek' target='_blank' rel='nofollow' title='Telegram'>...</a>
| Line 218 | |
| <a class='social__link' href='...annel/UCBtNKv8mE69X1CvWi_7ndpA' target='_blank' rel='nofollow' title='YouTube'>...</a>
| Line 223 | |
| <a class='social__link' href='https://wa.me/+79165890001' target='_blank' rel='nofollow' title='Whats App'>...</a>
| Line 228 | |
| <a class='social__link' href='https://vk.com/razvitie_21vek' target='_blank' rel='nofollow' title='ВКонтакте'>...</a>
| Line 1914 | |
| https://www.razvitie21vek.com/ | | |
|
Use the @media (prefers-reduced-motion) media query to respect user preferences. | | |
| | | |
| ::before:hover transition: left auto -100px inset-block-start auto 0px height auto 60px width auto 0px border-left-width 0px 100px margin-inline-start 0px -1px margin-block-start 20px 0px padding-inline-start 26px 0px padding-inline-end 26px 0px 0.4s<button type='submit' class='bigbutton effect ...'><span>...</span></button>
| Line 1843 | |
| ::before:hover transition: left auto -100px inset-block-start auto 0px height auto 60px width auto 0px border-left-width 0px 100px margin-inline-start 0px -1px padding-inline-start 26px 0px padding-inline-end 26px 0px 0.4s<a href='...ovskie-letnie-kanikuly-mechty/' class='effect bigbutton ...'>...</a>
| Line 815 | |
| ::before:hover transition: left auto -100px inset-block-start auto 0px height auto 60px width auto 0px border-left-width 0px 100px margin-inline-start 0px -1px padding-inline-start 26px 0px padding-inline-end 26px 0px 0.4s<a href='excursion/' class='effect bigbutton ...'>Наши филиалы</a>
| Line 848 | |
| ::before:hover transition: left auto -100px inset-block-start auto 0px height auto 60px width auto 0px border-left-width 0px 100px margin-inline-start 20px -1px padding-inline-start 26px 0px padding-inline-end 26px 0px 0.4s<div data-modal='#myModal-excursion' class='effect bigbutton ...'>...</div>
| Line 849 | |
| ::before:hover transition: left auto -100px inset-block-start auto 0px height auto 60px width auto 0px border-left-width 0px 100px margin-inline-start 0px -1px padding-inline-start 26px 0px padding-inline-end 26px 0px 0.4s<a href='...ad/vesyolyj-vyhodnoj-s-polzoj/' class='effect bigbutton'>...</a>
| Line 867 | |
| https://www.razvitie21vek.com/ | | |