|
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
Note:
img elements with display:none or visibility:hidden are not included in the link's accessible name.
Some lazy loader scripts hide images until they scroll into view, but screen readers can voice
links below the fold (via the List Links command) resulting in reading links with no name. | 2.4.4 2.4.9 4.1.2 | |
| https://yana-beauty.com.ua/ | Line 1556 1633 1710 1763 1901
...
| |
| https://yana-beauty.com.ua/dlja-riznih-vikovih-kategorij/ | Line 1005 1353 1469 1701 2445
...
| |
| https://yana-beauty.com.ua/dlja-riznih-vikovih-kategorij/moda-dlja-doroslih/ | Line 772 1368 1573 1871 2086
...
| |
| https://yana-beauty.com.ua/dlja-riznih-vikovih-kategorij/moda-dlja-litnih/ | Line 424 645 846 943 1158
...
| |
|
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 black text on a black background. | 1.4.3 1.4.6 1.4.8 | |
| The colors used are: color: rgb(0,102,191) from yana-beauty.com.ua and
background: rgb(255,255,255) from browser settings color: rgb(0,102,191) from yana-beauty.com.ua and
background: rgb(255,255,255) from browser settings color: rgb(0,102,191) from yana-beauty.com.ua and
background: rgb(255,255,255) from browser settings https://yana-beauty.com.ua/ | Line 800 802 817 | |
| The colors used are: color: rgb(0,102,191) from yana-beauty.com.ua and
background: rgb(255,255,255) from browser settings color: rgb(0,102,191) from yana-beauty.com.ua and
background: rgb(255,255,255) from browser settings color: rgb(0,102,191) from yana-beauty.com.ua and
background: rgb(255,255,255) from browser settings https://yana-beauty.com.ua/dlja-riznih-vikovih-kategorij/ | Line 147 150 184 | |
| The colors used are: color: rgb(0,102,191) from yana-beauty.com.ua and
background: rgb(255,255,255) from browser settings color: rgb(0,102,191) from yana-beauty.com.ua and
background: rgb(255,255,255) from browser settings color: rgb(0,102,191) from yana-beauty.com.ua and
background: rgb(255,255,255) from browser settings https://yana-beauty.com.ua/dlja-riznih-vikovih-kategorij/moda-dlja-doroslih/ | Line 146 149 183 | |
| The colors used are: color: rgb(0,102,191) from yana-beauty.com.ua and
background: rgb(255,255,255) from browser settings color: rgb(0,102,191) from yana-beauty.com.ua and
background: rgb(255,255,255) from browser settings color: rgb(0,102,191) from yana-beauty.com.ua and
background: rgb(255,255,255) from browser settings https://yana-beauty.com.ua/dlja-riznih-vikovih-kategorij/moda-dlja-litnih/ | Line 146 149 183 | |
|
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.75 with
color: rgb(0,102,191) background: rgb(255,255,255) font-size: 12pt font-weight: 400 5.75 with
color: rgb(0,102,191) background: rgb(255,255,255) font-size: 12pt font-weight: 400 https://yana-beauty.com.ua/ | Line 802 817 | |
| The text color to background color contrast ratio after composition is: 5.75 with
color: rgb(0,102,191) background: rgb(255,255,255) font-size: 12pt font-weight: 400 5.75 with
color: rgb(0,102,191) background: rgb(255,255,255) font-size: 12pt font-weight: 400 https://yana-beauty.com.ua/dlja-riznih-vikovih-kategorij/ | Line 150 184 | |
| The text color to background color contrast ratio after composition is: 5.75 with
color: rgb(0,102,191) background: rgb(255,255,255) font-size: 12pt font-weight: 400 5.75 with
color: rgb(0,102,191) background: rgb(255,255,255) font-size: 12pt font-weight: 400 https://yana-beauty.com.ua/dlja-riznih-vikovih-kategorij/moda-dlja-doroslih/ | Line 149 183 | |
| The text color to background color contrast ratio after composition is: 5.75 with
color: rgb(0,102,191) background: rgb(255,255,255) font-size: 12pt font-weight: 400 5.75 with
color: rgb(0,102,191) background: rgb(255,255,255) font-size: 12pt font-weight: 400 https://yana-beauty.com.ua/dlja-riznih-vikovih-kategorij/moda-dlja-litnih/ | Line 149 183 | |