|
Add an aria-label or aria-labelledby attribute describing the image.
Purely decorative images should use role=presentation. | | |
| | | |
| <div class='tn-atom t-bgimg ...' data-original='https://static....' role='img' style='box-sizing: border-...' aria-label=''></div>
| Line 75 | |
| <div class='tn-atom t-bgimg ...' data-original='https://static....' role='img' style='box-sizing: border-...' aria-label=''></div>
| Line 75 | |
| <div class='tn-atom t-bgimg' data-original='https://static....' role='img' style='box-sizing: border-...' aria-label=''></div>
| Line 75 | |
| <div class='tn-atom t-bgimg' data-original='https://static....' role='img' style='box-sizing: border-...' aria-label=''></div>
| Line 75 | |
| <div class='tn-atom t-bgimg' data-original='https://static....' role='img' style='box-sizing: border-...' aria-label=''></div>
| Line 75 | |
| https://abramchuk-strateg.ru/ | | |
| | | |
| <div class='tn-atom t-bgimg' data-original='https://static....' role='img' aria-label=''></div>
| Line 533 | |
| <div class='tn-atom t-bgimg' data-original='https://static....' role='img' aria-label=''></div>
| Line 2199 | |
| <div class='tn-atom t-bgimg' data-original='https://static....' role='img' aria-label=''></div>
| Line 2204 | |
| <div class='tn-atom t-bgimg' data-original='https://static....' role='img' aria-label=''></div>
| Line 2209 | |
| https://abramchuk-strateg.ru/konsalting | | |
|
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 class='tn-atom' href='https://t.me/abramchuk_strateg' style='box-sizing: border-...'>...</a>
| Line 58 | |
| <a class='tn-atom' href='https://dzen.ru/abramchuk_strateg' style='box-sizing: border-...'>...</a>
| Line 58 | |
| <a class='tn-atom' href='https://vk.com/strateg.abramchuk' style='box-sizing: border-...'>...</a>
| Line 58 | |
| https://abramchuk-strateg.ru/ | | |
| | | |
| <a class='tn-atom' href='https://t.me/abramchuk_strateg'>...</a>
| Line 149 | |
| <a class='tn-atom' href='https://dzen.ru/abramchuk_strateg'>...</a>
| Line 171 | |
| <a class='tn-atom' href='https://vk.com/strateg.abramchuk'>...</a>
| Line 179 | |
| https://abramchuk-strateg.ru/konsalting | | |
|
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: | | |
| 1.95 with
color: rgb(43,114,180)background: rgb(116,44,44)
font-size: 19.50ptfont-weight: 400<em style='font-family: var(--...'>{01}</em>
| Line 75 | |
| 1 with
color: rgb(255,255,255)background: linear-gradient(180.0deg , rgb(255,255,255) 0% , rgb(59,59,59) 100%)
font-size: 150ptfont-weight: 400<div class='tn-atom' field='...' style='box-sizing: border-...'>....</div>
| Line 75 | |
| https://abramchuk-strateg.ru/ | | |
| The text color to background color contrast ratio after composition is: | | |
| 1 with
color: rgb(255,255,255)background: linear-gradient(180.0deg , rgb(255,255,255) 0% , rgb(59,59,59) 100%)
font-size: 150ptfont-weight: 400<div class='tn-atom' field='...'>Абрамчук а.н.</div>
| Line 3126 | |
| https://abramchuk-strateg.ru/konsalting | | |
|
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: rgb(32,21,255) auto 0px <button type='button' class='t-menuburger t-...' aria-label='Навигационное меню' aria-expanded='false'>...</button>
| Line 59 | |
| :focus has outline: rgb(32,21,255) auto 0px <a class='tn-atom' href='#popuppdf' style='box-sizing: border-...'>...</a>
| Line 75 | |
| :focus has outline: rgb(32,21,255) auto 0px <a class='tn-atom' href='#forma' style='box-sizing: border-...'>...</a>
| Line 75 | |
| :focus has outline: rgb(32,21,255) auto 0px <a href='...bramchuk-strateg.ru/konsalting' style='color: inherit'>...</a>
| Line 58 | |
| :focus has outline: rgb(32,21,255) auto 0px <a href='#contacts' style='color: inherit'>Контакты</a>
| Line 58 | |
| https://abramchuk-strateg.ru/ | | |
| | | |
| :focus has outline: rgb(32,21,255) auto 0px <a href='https://t.me/Yulipopi' style='color: inherit'>...</a>
| Line 3139 | |
| :focus has outline: rgb(32,21,255) auto 0px <a href='...//abramchuk-strateg.ru/privacy' style='color: inherit'>...</a>
| Line 3145 | |
| :focus has outline: rgb(32,21,255) auto 0px <a href='#contacts' style='color: inherit'>Контакты</a>
| Line 3151 | |
| :focus has outline: rgb(32,21,255) auto 0px <a href='#smi' style='color: inherit'>...</a>
| Line 3157 | |
| :focus has outline: rgb(32,21,255) auto 0px <a href='#portfolio' style='color: inherit'>Проекты и кейсы</a>
| Line 3163 | |
| https://abramchuk-strateg.ru/konsalting | | |
|
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: | | |
| 3.69 with
color: rgb(43,114,180)background: rgb(0,21,34)
font-size: 19.50ptfont-weight: 400<em style='color: rgb(43, 114, ...'>{02}</em>
| Line 75 | |
| 3.69 with
color: rgb(43,114,180)background: rgb(0,21,34)
font-size: 19.50ptfont-weight: 400<em style='color: rgb(43, 114, ...'>{03}</em>
| Line 75 | |
| 3.69 with
color: rgb(43,114,180)background: rgb(0,21,34)
font-size: 19.50ptfont-weight: 400<em style='color: rgb(43, 114, ...'>{04}</em>
| Line 75 | |
| 3.69 with
color: rgb(43,114,180)background: rgb(0,21,34)
font-size: 19.50ptfont-weight: 400<em style='color: rgb(43, 114, ...'>{05}</em>
| Line 75 | |
| https://abramchuk-strateg.ru/ | | |