Site Report
This tab shows accessibility issues, indicating problems for older users, people with disabilities or accessibility needs. Automated testing cannot detect all accessibility issues, so should be used alongside human testing.
| Level | WCAG 2.2 | Section 508 - 2017 | Key |
|---|
| A |  | | Pages with level A issues are unusable for some people |
|---|
| AA |  | | Pages with level AA issues are very difficult to use |
|---|
| AAA |  | | Pages with level AAA issues can be difficult to use |
|---|
| Priority | Description and URL | Guideline and Line Number | Count |
|---|
Level A
4 issues on 1 pages | |
| iframe and frame elements must have a title attribute. | WCAG 2.2 A 4.1.2 Section 508 (2017) A 4.1.2 | 1 pages |
|
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 14.6 Safari 17.6 macOS 14.6.1 Reading: Meaningless frame title read out.
| | |
| | | |
| <iframe src='...k' width='150' height='50' frameborder='0'></iframe>
| Line 2339 | |
| https://zaroom.ru/ | | |
| Links must have an accessible name. | WCAG 2.2 A F89 Section 508 (2017) A F89 | 1 pages |
|
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. | 2.4.4 2.4.9 4.1.2 | |
| | | |
| <a class='...' href='.../'><img src='...g' alt=''></a>
| Line 1070 | |
| <a class='...' href='.../'><img src='...g' alt=''></a>
| Line 1156 | |
| <a class='...' href='.../'><img src='...g' alt=''></a>
| Line 1239 | |
| <a class='...' href='.../'><img src='...g' alt=''></a>
| Line 1322 | |
| <a class='...' href='.../'><img src='...g' alt=''></a>
| Line 1405 | |
| https://zaroom.ru/ | | |
| This button element is empty and has no accessible name. | WCAG 2.2 A 4.1.2 Section 508 (2017) A 4.1.2 | 1 pages |
|
A programmatically determined name allows screen readers to tell users what the control does. To add a name do one of the following:
- Add text between the
button start and end tags
- Add a
title attribute
- Add an
aria-label attribute
- Add an
aria-labelledby attribute
- Add an
img alt attribute if the button contains an img element
| | |
| | | |
| <button type='button' class='btn btn-success'>...</button>
| Line 181 | |
| https://zaroom.ru/ | | |
| Use HTML headings instead of applying CSS heading styles to non-headings. | WCAG 2.2 A F2 Section 508 (2017) A F2 | 1 pages |
|
Screen reader users rely on headings to navigate within pages. Either add role=heading with aria-level or use h1-h6 elements to identify the element as a heading to screen readers. | 1.3.1 | |
| | | |
| <p class='delivery-section__advantages_text-title'>... дня</p>
| Line 2153 | |
| <p class='delivery-section__advantages_text-title'>...</p>
| Line 2162 | |
| <p class='delivery-section__advantages_text-title'>...</p>
| Line 2173 | |
| <p class='delivery-section__advantages_text-title'>...</p>
| Line 2182 | |
| https://zaroom.ru/ | | |
Level AA
3 issues on 1 pages | |
| Ensure that text and background colors have enough contrast. | WCAG 2.2 AA 1.4.3 Section 508 (2017) AA 1.4.3 | 1 pages |
|
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
| 1.4.6 | |
| The text color to background color contrast ratio after composition is: | | |
| 2.78 with
color: rgb(155,155,155)background: rgb(255,255,255)
font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('2522', ...'>Купить</button>
| Line 790 | |
| 2.78 with
color: rgb(155,155,155)background: rgb(255,255,255)
font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('2521', ...'>Купить</button>
| Line 825 | |
| 2.78 with
color: rgb(155,155,155)background: rgb(255,255,255)
font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('2520', ...'>Купить</button>
| Line 860 | |
| 2.78 with
color: rgb(155,155,155)background: rgb(255,255,255)
font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('2519', ...'>Купить</button>
| Line 895 | |
| 2.78 with
color: rgb(155,155,155)background: rgb(255,255,255)
font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('2518', ...'>Купить</button>
| Line 930 | |
| https://zaroom.ru/ | | |
| If you set any of the colors on the body or a elements you must set all of them. | WCAG 2.2 AA F24 Section 508 (2017) AA F24 | 1 pages |
|
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. | 1.4.3 1.4.6 1.4.8 | |
| The colors used are: | | |
| color: rgb(34,34,34) from stylesheet.css
background: rgb(255,255,255) from browser settings
<h2 class='maintitle'>Лидеры продаж</h2>
| Line 489 | |
| color: rgb(34,34,34) from stylesheet.css
background: rgb(255,255,255) from browser settings
<h3 class='maintitle'>Последние Статьи</h3>
| Line 1000 | |
| color: rgb(34,34,34) from stylesheet.css
background: rgb(255,255,255) from browser settings
<h2 class='maintitle'>Новые позиции в магазине</h2>
| Line 758 | |
| color: rgb(34,34,34) from stylesheet.css
background: rgb(255,255,255) from browser settings
<h3 class='maintitle'>Часто ищут на сайте</h3>
| Line 2261 | |
| color: rgb(30,103,209) from stylesheet.css
background: rgb(255,255,255) from browser settings
<a href='...a' class='linktags'>Плинтус Cosca</a>
| Line 2262 | |
| https://zaroom.ru/ | | |
| The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline. | WCAG 2.2 AA F78 Section 508 (2017) AA F78 | 1 pages |
|
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)
| 2.4.7 | |
| | | |
| :focus and :not(:focus) have same outline:
<button class='review-vote ...' data-value='37'><svg class='ex-like'>...</svg>...</button>
| Line 1139 | |
| :focus and :not(:focus) have same outline:
<button class='review-vote ...' data-value='37'>...</button>
| Line 1145 | |
| :focus and :not(:focus) have same outline:
<button class='review-vote ...' data-value='36'><svg class='ex-like'>...</svg>...</button>
| Line 1222 | |
| :focus and :not(:focus) have same outline:
<button class='review-vote ...' data-value='36'>...</button>
| Line 1228 | |
| :focus and :not(:focus) have same outline:
<button class='review-vote ...' data-value='35'><svg class='ex-like'>...</svg>...</button>
| Line 1305 | |
| https://zaroom.ru/ | | |
Level AAA
1 issues on 1 pages | |
| Ensure that text and background colors have a 7:1 contrast ratio. | WCAG 2.2 AAA 1.4.6 | 1 pages |
|
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.36 with
color: rgb(30,103,209)background: rgb(255,255,255)
font-size: 9.75ptfont-weight: 600<a href='...a' class='linktags'>Плинтус Cosca</a>
| Line 2262 | |
| 5.36 with
color: rgb(30,103,209)background: rgb(255,255,255)
font-size: 9.75ptfont-weight: 600<a href='...o' class='linktags'>Плинтус Deartio</a>
| Line 2263 | |
| 5.36 with
color: rgb(30,103,209)background: rgb(255,255,255)
font-size: 9.75ptfont-weight: 600<a href='...d' class='linktags'>Плинтус Evrowood</a>
| Line 2264 | |
| 5.36 with
color: rgb(30,103,209)background: rgb(255,255,255)
font-size: 9.75ptfont-weight: 600<a href='...a' class='linktags'>Плинтус Finitura</a>
| Line 2265 | |
| 5.36 with
color: rgb(30,103,209)background: rgb(255,255,255)
font-size: 9.75ptfont-weight: 600<a href='...z' class='linktags'>Плинтус Hannahholz</a>
| Line 2266 | |
| https://zaroom.ru/ | | |
| Expand all 8 issues | | |