|
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
img elements with role=presentation or role=none are not included in the link's accessible name. | | |
| | | |
| <a href='https://muzce.com/4565-jakone-kiliana-zhiganskaya.html' class='track-dl'>...</a>
| Line 160 | |
| <a href='https://muzce.com/2110-ajgor-tancuj-devochka-tancuj.html' class='track-dl'>...</a>
| Line 170 | |
| <a href='https://muzce.com/10997-ganvest-dyrka.html' class='track-dl'>...</a>
| Line 180 | |
| <a href='https://muzce.com/4104-lyudmila-sokolova-valeriya-belova-zhit.html' class='track-dl'>...</a>
| Line 190 | |
| <a href='https://muzce.com/644-poshlaya-molli-spat-s-toboj.html' class='track-dl'>...</a>
| Line 200 | |
| https://muzce.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 class='track-desc fx-1' href='...akone-kiliana-zhiganskaya.html'>...</a>
| Line 154 | |
| :focus has outline: invert none 0px <a href='...akone-kiliana-zhiganskaya.html' class='track-dl'>...</a>
| Line 160 | |
| :focus has outline: invert none 0px <a class='track-desc fx-1' href='...or-tancuj-devochka-tancuj.html'>...</a>
| Line 164 | |
| :focus has outline: invert none 0px <a href='...or-tancuj-devochka-tancuj.html' class='track-dl'>...</a>
| Line 170 | |
| :focus has outline: invert none 0px <a class='track-desc fx-1' href='...e.com/10997-ganvest-dyrka.html'>...</a>
| Line 174 | |
| https://muzce.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 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.38 with
color: rgb(139,148,158)background: rgba(255,255,255,2.0%)
font-size: 11.25ptfont-weight: 400<div class='track-subtitle ...'>Жиганская</div>
| Line 156 | |
| 5.38 with
color: rgb(139,148,158)background: rgba(255,255,255,2.0%)
font-size: 10.50ptfont-weight: 400<div class='track-time'>02:08</div>
| Line 159 | |
| 5.62 with
color: rgb(139,148,158)background: rgb(22,27,34)
font-size: 11.25ptfont-weight: 400<div class='track-subtitle ...'>Танцуй девочка танцуй</div>
| Line 166 | |
| 5.62 with
color: rgb(139,148,158)background: rgb(22,27,34)
font-size: 10.50ptfont-weight: 400<div class='track-time'>04:57</div>
| Line 169 | |
| 5.38 with
color: rgb(139,148,158)background: rgba(255,255,255,2.0%)
font-size: 11.25ptfont-weight: 400<div class='track-subtitle ...'>Дырка</div>
| Line 176 | |
| https://muzce.com/ | | |