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
7 issues on 3 pages | |
| Clickable controls should be keyboard accessible. | WCAG 2.2 A F15 Section 508 (2017) A F15 | 3 pages |
|
Add tabindex=0 to allow keyboard users to tab to the control. | 4.1.2 | |
| | | |
| <a id='revsubscribe_submit' class='btn btn-primary'>...</a>
| Line 4536 | |
| http://playhouse.com.ua/ | | |
| | | |
| <a id='revsubscribe_submit' class='btn btn-primary'>...</a>
| Line 10521 | |
| https://playhouse.com.ua/ | | |
| | | |
| <a id='revsubscribe_submit' class='btn btn-primary'>...</a>
| Line 7345 | |
| https://playhouse.com.ua/igrushki-dlya-samyh-malenkih/ | | |
| Clickable controls should have an ARIA role. | WCAG 2.2 A F54 Section 508 (2017) A F54 | 3 pages |
|
Controls that respond to clicks should be given an ARIA role such as role=button or role=link.
div
span and a elements without an href attribute have no semantic role. | 2.1.1 | |
| | | |
| <a id='revsubscribe_submit' class='btn btn-primary'>...</a>
| Line 4536 | |
| http://playhouse.com.ua/ | | |
| | | |
| <a id='revsubscribe_submit' class='btn btn-primary'>...</a>
| Line 10521 | |
| https://playhouse.com.ua/ | | |
| | | |
| <a id='revsubscribe_submit' class='btn btn-primary'>...</a>
| Line 7345 | |
| https://playhouse.com.ua/igrushki-dlya-samyh-malenkih/ | | |
| HTML form control has no accessible name. | WCAG 2.2 A F68 Section 508 (2017) A F68 | 1 pages |
|
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
| 4.1.2 | |
| | | |
| <select id='input-sort' class='form-control' onchange='location = ...'>...</select>
| Line 2411 | |
| <select id='input-limit' class='form-control' onchange='location = ...'>...</select>
| Line 2451 | |
| <input type='text' name='quantity' class='plus-minus' value='1' onchange='validate_pole(this);' onkeyup='...'>
| Line 2688 | |
| <input type='text' name='quantity' class='plus-minus' value='1' onchange='validate_pole(this);' onkeyup='...'>
| Line 2917 | |
| <input type='text' name='quantity' class='plus-minus' value='1' onchange='validate_pole(this);' onkeyup='...'>
| Line 3158 | |
| https://playhouse.com.ua/igrushki-dlya-samyh-malenkih/ | | |
| img elements must have an accessible name. | WCAG 2.2 A F65 Section 508 (2017) A F65 | 1 pages |
|
Add an alt attribute describing the image, which screen readers voice instead of the image.
Spacer images and purely decorative images should use alt="" without any global ARIA attributes.
Do not use alt text containing only spaces since that's voiced as an unlabeled image. Impact on users: - NVDA 2024.4 Chrome 131 Windows 10 Reading: Image ignored.
- NVDA 2024.4 FF 128 Windows 10 Reading: Image ignored.
- NVDA 2024.4 Edge 131 Windows 10 Reading: Image ignored.
- JAWS 2024.2409.2 Chrome 131 Windows 10 Reading: Image ignored.
- JAWS 2024.2409.2 FF 128 Windows 10 Reading: Image ignored.
- JAWS 2024.2409.2 Edge 131 Windows 10 Reading: Image ignored.
- VoiceOver macOS 14.6 Safari 17.6 macOS 14.6.1 Reading: Image filename read out.
- VoiceOver iOS 17.7 Safari iOS 17.7 iOS 17.7.2 Touch: Image filename read out, along with OCR text from image.
| 1.1.1 | |
| | | |
| <img src='...g' width='40'>
| Line 974 | |
| <img src='...g' width='40'>
| Line 974 | |
| http://playhouse.com.ua/ | | |
| 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
| 2.4.4 2.4.9 4.1.2 | |
| | | |
| <a href='.../' title='' class='dropdown-toggle' data-toggle='dropdown'>...</a>
| Line 344 | |
| http://playhouse.com.ua/ | | |
| 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='search-button btn ...'>...</button>
| Line 369 | |
| http://playhouse.com.ua/ | | |
| This element uses JavaScript to behave like a link. Links like this cannot be tabbed to from the keyboard and are not read out when screen readers list the links on a page. | WCAG 2.2 A F42 Section 508 (2017) A F42 | 3 pages |
|
Use an a or area element with a fallback link target in the href attribute, to ensure it receive keyboard focus and behaves like a link. | 1.3.1 2.1.1 2.1.3 4.1.2 | |
| | | |
| <a onclick='get_revpopup_view('2555');'>...</a>
| Line 1044 | |
| <a class='' data-toggle='tooltip' onclick='wishlist.add('2555');' title='' data-original-title='В закладки'>...</a>
| Line 1067 | |
| <a onclick='get_revpopup_view('2554');'>...</a>
| Line 1110 | |
| <a class='' data-toggle='tooltip' onclick='wishlist.add('2554');' title='' data-original-title='В закладки'>...</a>
| Line 1133 | |
| <a onclick='get_revpopup_view('2553');'>...</a>
| Line 1171 | |
| http://playhouse.com.ua/ | | |
| | | |
| <a onclick='get_revpopup_phone();'>...</a>
| Line 951 | |
| <a onclick='get_revpopup_view('2555');'>...</a>
| Line 2434 | |
| <a class='' data-toggle='tooltip' onclick='wishlist.add('2555');' title='В закладки'>...</a>
| Line 2492 | |
| <a onclick='get_revpopup_view('2554');'>...</a>
| Line 2601 | |
| <a class='' data-toggle='tooltip' onclick='wishlist.add('2554');' title='В закладки'>...</a>
| Line 2659 | |
| https://playhouse.com.ua/ | | |
| | | |
| <a onclick='get_revpopup_phone();'>...</a>
| Line 953 | |
| <a onclick='get_revpopup_view('1687');'>...</a>
| Line 2583 | |
| <a class='' data-toggle='tooltip' onclick='wishlist.add('1687');' title='В закладки'>...</a>
| Line 2697 | |
| <a onclick='get_revpopup_view('1722');'>...</a>
| Line 2812 | |
| <a class='' data-toggle='tooltip' onclick='wishlist.add('1722');' title='В закладки'>...</a>
| Line 2926 | |
| https://playhouse.com.ua/igrushki-dlya-samyh-malenkih/ | | |
Level AA
2 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: | | |
| 4.35 with
color: rgb(255,255,255)background: rgb(237,30,49)
font-size: 12.75ptfont-weight: 400<div class='box-heading ...' onclick='return false;'><i class='fa fa-bars'></i>Каталог...</div>
| Line 504 | |
| 4.35 with
color: rgb(255,255,255)background: rgb(237,30,49)
font-size: 12.75ptfont-weight: 400<span class='hidden-xs'>товарів</span>
| Line 504 | |
| http://playhouse.com.ua/ | | |
| 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 | |
| | | |
| outline-style:none or outline-width:0<a href='.../'>...</a>
| Line 593 | |
| :focus and :not(:focus) have same outline:
<button class='cart ...' onclick='...'><span id='cart-total'>...</span></button>
| Line 388 | |
| outline-style:none or outline-width:0<button class='btn btn-link ...' data-toggle='dropdown' id='lang-sw'>...</button>
| Line 299 | |
| outline-style:none or outline-width:0<a href='.../'>...</a>
| Line 511 | |
| outline-style:none or outline-width:0<a href='.../'>...</a>
| Line 516 | |
| http://playhouse.com.ua/ | | |
| Expand all 9 issues | | |