|
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
| | |
| | | |
| <select class='subcat' onchange='location = this....'>...</select>
| Line 568 | |
| <input type='text' value='859-to-48929' id='fprice-range' name='fprice' class='fltr-input fltr-int-...'>
| Line 698 | |
| <input type='text' value='0-to-0' id='f189-range' name='f189' class='fltr-input fltr-int-...'>
| Line 724 | |
| <input type='text' value='0-to-0' id='f188-range' name='f188' class='fltr-input fltr-int-...'>
| Line 750 | |
| <input type='text' value='0-to-0' id='f187-range' name='f187' class='fltr-input fltr-int-...'>
| Line 776 | |
| https://komodmsk.ru/cat/komody | | |
| | | |
| <input type='text' value='-to-' id='fprice-range' name='fprice' class='fltr-input fltr-int-...'>
| Line 669 | |
| <input type='text' value='0-to-0' id='f189-range' name='f189' class='fltr-input fltr-int-...'>
| Line 695 | |
| <input type='text' value='0-to-0' id='f188-range' name='f188' class='fltr-input fltr-int-...'>
| Line 721 | |
| <input type='text' value='0-to-0' id='f187-range' name='f187' class='fltr-input fltr-int-...'>
| Line 747 | |
| https://komodmsk.ru/cat/sale | | |
|
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='/cat/stellazhi/kupit-alfa-5-2-1614610' style='display:block;width:...'></a>
| Line 479 | |
| <a href='/cat/komody/kupit-stil-loft-4-1-1614555' style='display:block;width:...'></a>
| Line 499 | |
| <a href='/cat/komody/kupit-alfa-13-1614534' style='display:block;width:...'></a>
| Line 519 | |
| <a href='/cat/obuvnicy/kupit-glyanec-7-1613463' style='display:block;width:...'></a>
| Line 540 | |
| <a href='/cat/shkafy/raspashnye/kupit-vigo-2-1613446' style='display:block;width:...'></a>
| Line 560 | |
| https://komodmsk.ru/ | | |
| | | |
| <a href='/constructor/wardrobe' class='construct-link-...'></a>
| Line 626 | |
| <a href='/constructor/square_shelves' class='construct-link-...'></a>
| Line 632 | |
| <a href='/constructor/closet' class='construct-link-...'></a>
| Line 638 | |
| <a href='/constructor/rectangular_shelves' class='construct-link-...'></a>
| Line 644 | |
| <a href='/constructor/dressers' class='construct-link-...'></a>
| Line 650 | |
| https://komodmsk.ru/constructor | | |
|
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(0,0,0) from komodmsk.ru
background: rgb(255,255,255) from browser settings
<a href='#' class='dropdown-toggle nav-...' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false'>Каталог мебели...</a>
| Line 279 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from komodmsk.ru
<h1 class='zagolovok'>Интернет-... на дом</h1>
| Line 348 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from komodmsk.ru
<p class='main-intro'>Мы начинали, ..., прихожих.</p>
| Line 721 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from komodmsk.ru
<p class='main-intro'>Представьте ... всей России!</p>
| Line 722 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from komodmsk.ru
<p class='main-intro'>Мы делаем ... в России!</p>
| Line 723 | |
| https://komodmsk.ru/ | | |
| The colors used are: | | |
| color: rgb(0,0,0) from komodmsk.ru
background: rgb(255,255,255) from browser settings
<a href='#' class='dropdown-toggle nav-...' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false'>Êàòàëîã ìåáåëè...</a>
| Line 279 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from komody
<span class='compact-mode-hide ...' style='display: inline-...'>...:</span>
| Line 645 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from komody
<p>Ìû äåëàåì êîìîäû ñ ... äåëàåì èõ îòëè÷íî....</p>
| Line 1640 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from komody
<li><strong>òåõíîëîãèè</strong>— âñþ ...;</li>
| Line 1642 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from komody
<li><strong>äèçàéí</strong>— êàê ...;</li>
| Line 1643 | |
| https://komodmsk.ru/cat/komody | | |
| The colors used are: | | |
| color: rgb(0,0,0) from komodmsk.ru
background: rgb(255,255,255) from browser settings
<a href='#' class='dropdown-toggle nav-...' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false'>Êàòàëîã ìåáåëè...</a>
| Line 279 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from sale
<span class='compact-mode-hide ...' style='display: inline-...'>...:</span>
| Line 644 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from sale
<h2>Ê ñîæàëåíèþ, ýòèõ ... âðåìåííî íåò:(</h2>
| Line 781 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from sale
<h3>Çàõîäèòå ïî÷àùå, ÷òîáû áûòü â êóðñå!</h3>
| Line 782 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from sale
<div class='btn btn-warning btn-...' style='margin: 0 1em 1em 0;...'>...</div>
| Line 659 | |
| https://komodmsk.ru/cat/sale | | |
| The colors used are: | | |
| color: rgb(0,0,0) from komodmsk.ru
background: rgb(255,255,255) from browser settings
<a href='#' class='dropdown-toggle nav-...' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false'>Êàòàëîã ìåáåëè...</a>
| Line 279 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from constructor
<h1 class='constructor-title'>... è â 3D</h1>
| Line 622 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from constructor
<div class='constructor-...'>... øêàôîâ</div>
| Line 628 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from constructor
<div class='constructor-...'>... ïîëêàìè</div>
| Line 634 | |
| color: rgb(0,0,0) from browser settings
background: rgb(255,255,255) from constructor
<div class='constructor-...'>Êîíñòðóêòîð øêàôîâ-êóïå</div>
| Line 640 | |
| https://komodmsk.ru/constructor | | |
|
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://vk.com/komodmsk_ru' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 1245 | |
| <a rel='nofollow' class='feedback-link' href='/feedback/form' target='_blank'>Заказать...</a>
| Line 316 | |
| <a href='https://ok.ru/komodmsk' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 1245 | |
| <a href='...ps://www.youtube.com/@komodmsk' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 1245 | |
| <a href='...www.instagram.com/komodmsk.ru/' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 1245 | |
| https://komodmsk.ru/ | | |
| | | |
| <a href='https://vk.com/komodmsk_ru' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 2033 | |
| <a rel='nofollow' class='feedback-link' href='/feedback/form' target='_blank'>Çàêàçàòü...</a>
| Line 316 | |
| <a href='https://ok.ru/komodmsk' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 2033 | |
| <a href='...ps://www.youtube.com/@komodmsk' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 2033 | |
| <a href='...www.instagram.com/komodmsk.ru/' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 2033 | |
| https://komodmsk.ru/cat/komody | | |
| | | |
| <a href='https://vk.com/komodmsk_ru' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 1166 | |
| <a rel='nofollow' class='feedback-link' href='/feedback/form' target='_blank'>Çàêàçàòü...</a>
| Line 316 | |
| <a href='https://ok.ru/komodmsk' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 1166 | |
| <a href='...ps://www.youtube.com/@komodmsk' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 1166 | |
| <a href='...www.instagram.com/komodmsk.ru/' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 1166 | |
| https://komodmsk.ru/cat/sale | | |
| | | |
| <a href='https://vk.com/komodmsk_ru' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 1405 | |
| <a rel='nofollow' class='feedback-link' href='/feedback/form' target='_blank'>Çàêàçàòü...</a>
| Line 316 | |
| <a href='https://ok.ru/komodmsk' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 1405 | |
| <a href='...ps://www.youtube.com/@komodmsk' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 1405 | |
| <a href='...www.instagram.com/komodmsk.ru/' target='_blank' rel='nofollow noreferrer ...'>...</a>
| Line 1405 | |
| https://komodmsk.ru/constructor | | |
|
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: | | |
| 5.89 with
color: rgb(204,0,0)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<a href='/cat/sale' class='menu-item' itemprop='url' style='color:#cc0000'>...</a>
| Line 346 | |
| 5.89 with
color: rgb(204,0,0)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<a href='/cat/sale' itemprop='url' style='color:#cc0000'>...</a>
| Line 280 | |
| https://komodmsk.ru/ | | |
| The text color to background color contrast ratio after composition is: | | |
| 5.89 with
color: rgb(204,0,0)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<a href='/cat/sale' class='menu-item' itemprop='url' style='color:#cc0000'>...</a>
| Line 346 | |
| 5.89 with
color: rgb(204,0,0)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<a href='/cat/sale' itemprop='url' style='color:#cc0000'>...</a>
| Line 280 | |
| https://komodmsk.ru/cat/komody | | |
| The text color to background color contrast ratio after composition is: | | |
| 5.89 with
color: rgb(204,0,0)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<a href='/cat/sale' class='menu-item' itemprop='url' style='color:#cc0000'>...</a>
| Line 346 | |
| 5.89 with
color: rgb(204,0,0)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<a href='/cat/sale' itemprop='url' style='color:#cc0000'>...</a>
| Line 280 | |
| https://komodmsk.ru/cat/sale | | |
| The text color to background color contrast ratio after composition is: | | |
| 5.89 with
color: rgb(204,0,0)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<a href='/cat/sale' class='menu-item' itemprop='url' style='color:#cc0000'>...</a>
| Line 346 | |
| 5.89 with
color: rgb(204,0,0)background: rgb(255,255,255)
font-size: 12ptfont-weight: 400<a href='/cat/sale' itemprop='url' style='color:#cc0000'>...</a>
| Line 280 | |
| https://komodmsk.ru/constructor | | |