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.1 | 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# | Count |
|---|
Level A
14 issues on 8 pages | |
| | alt text should not contain placeholders like 'picture' or 'spacer'. | WCAG 2.1 A F30 Section 508 (2017) A F30 | 8 pages |
|
For purely decorative images and spacers use alt='', for images of text use the text, and for other images use a description of the image. Impact on users: - JAWS : Reads out placeholder text, instead of a useful image description.
- NVDA : Reads out placeholder text, instead of a useful image description.
- VoiceOver : Reads out placeholder text, instead of a useful image description.
| | |
| alt='Чемпионат Мира по велоспорту 2019'
https://www.velomagazin.com.ua/ | Line 572 | |
| alt='Чемпионат Мира по велоспорту 2019'
https://www.velomagazin.com.ua/auxpage_1/ | Line 902 | |
| alt='Чемпионат Мира по велоспорту 2019'
https://www.velomagazin.com.ua/auxpage_3/ | Line 854 | |
| alt='Чемпионат Мира по велоспорту 2019'
https://www.velomagazin.com.ua/pricelist/ | Line 10303 | |
| This issue was found on another 4 pages.
The trial version is limited to showing issues on 4 pages.
| | |
| | An image with a null alt attribute should not have title, aria-label or aria-labelledby attributes. | WCAG 2.1 A F39 Section 508 (2017) A F39 | 1 pages |
|
If the image should be voiced use a descriptive alt attribute.
If the image is purely decorative remove any title and ARIA label attributes. Impact on users: - JAWS : Ignores all images with
alt=''. - NVDA : Reads some images with
alt='' and a title or ARIA label. - VoiceOver : Reads images with
alt='' and a title or ARIA label.
| | |
| https://www.velomagazin.com.ua/ | Line 744 | |
| | ARIA role=button element is empty and has no accessible name. | WCAG 2.1 A 4.1.2 Section 508 (2017) A 4.1.2 | 1 pages |
|
A name allows screen readers to voice what the control does. To add a name do one of the following:
- Add text between the element start and end tags
- Add an
aria-label attribute
- Add an
aria-labelledby attribute
- Add an
img alt attribute if the button contains an img element
| | |
| https://www.velomagazin.com.ua/ | Line 142 143 177 178 212
...
| |
| | Duplicate id - the same ID is used on more than one element. | HTML5 WCAG 2.1 A 4.1.1 Section 508 (2017) A 4.1.1 | 8 pages |
|
| | |
| id=searchstring id=searchstring
https://www.velomagazin.com.ua/ | Line 431 1443 | |
| id=searchstring id=searchstring
https://www.velomagazin.com.ua/auxpage_1/ | Line 431 621 | |
| id=searchstring id=searchstring
https://www.velomagazin.com.ua/auxpage_3/ | Line 431 573 | |
| id=searchstring id=searchstring
https://www.velomagazin.com.ua/pricelist/ | Line 431 10022 | |
| This issue was found on another 4 pages.
The trial version is limited to showing issues on 4 pages.
| | |
| | Each a element must contain text or an img with an alt attribute. | WCAG 2.1 A F89 Section 508 (2017) A F89 | 3 pages |
|
A link name allows screen readers to voice what the links does. If there is no link text or the `alt` text is blank, 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 if the link contains an img element
| | |
| https://www.velomagazin.com.ua/ | Line 142 143 177 178 212
...
| |
| https://www.velomagazin.com.ua/auxpage_1/ | Line 504 | |
| https://www.velomagazin.com.ua/pricelist/ | Line 545 | |
| | HTML form control has no label. | WCAG 2.1 A F68 Section 508 (2017) A F68 | 8 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
| | |
| https://www.velomagazin.com.ua/ | Line 85 95 426 | |
| https://www.velomagazin.com.ua/auxpage_1/ | Line 431 455 621 | |
| https://www.velomagazin.com.ua/auxpage_3/ | Line 431 455 573 | |
| https://www.velomagazin.com.ua/pricelist/ | Line 431 455 10022 | |
| This issue was found on another 4 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
Data tables allow screen reader users to understand column and row relationships.
Layout tables read cells as a series of unrelated paragraphs with no tabular structure.
Without th or role, screen readers apply heuristics to decide whether a table is a layout table or data table.
These heuristics vary greatly between screen readers, and are affected by browser being used, window size,
and font size (so the outcome is very unpredictable without th or role).
If a data table has headers marked up using td, then change these to th.
If a data table has no headers, add th elements describing each row and/or column.
If the table is only used for layout add role=presentation to the table element. Impact on users: - JAWS Reading: Treats tables without
th and role as layout tables if the table contains cells above or below certain pixel sizes. This measurement is affected by browser window size, browser font size, and the browser used. - NVDA Reading: Applies a layout table heuristic to tables without
th and role which varies depending on the browser used and on the window size in some circumstances. - VoiceOver Reading: Uses a sophisticated heuristic on tables without
th and role, which is similar (but not identical) to the heuristic used by NVDA with Firefox.
| | |
| https://www.velomagazin.com.ua/ | Line 55 71 440 | |
| https://www.velomagazin.com.ua/auxpage_1/ | Line 94 169 655 | |
| https://www.velomagazin.com.ua/auxpage_3/ | Line 94 169 607 | |
| https://www.velomagazin.com.ua/pricelist/ | Line 94 169 484 538 10056 | |
| This issue was found on another 4 pages.
The trial version is limited to showing issues on 4 pages.
| | |
| | iframe and frame elements must have a title attribute. | WCAG 2.1 A 2.4.1 Section 508 (2017) A 2.4.1 | 1 pages |
|
Add a title attribute or ARIA label to each iframe and frame element (e.g. title='Main Content'). Without a title some screen readers read out the frame filename, which is usually meaningless. Impact on users: - VoiceOver macOS 10.14 Safari 13.0 macOS 10.14.6 Reading: Meaningless frame title read out.
- VoiceOver macOS 10.13 Safari 12.1 macOS 10.13.6 Reading: Meaningless frame title read out.
- VoiceOver macOS 10.12 Safari 10.1.2 macOS 10.12.6 Reading: Meaningless frame title read out.
- VoiceOver macOS 10.11 Safari 9.1.2 macOS 10.11.6 Reading: Meaningless frame title like 'frame zero' read out.
| | |
| https://www.velomagazin.com.ua/auxpage_kontakty/ | Line 481 | |
| | img elements must have an accessible name. | WCAG 2.1 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="".
Do not use alt text containing only spaces since that's voiced as an unlabeled image. Impact on users: - NVDA 2019.2 Chrome 79 Windows 10 Reading: Image unlabeled.
- NVDA 2019.2 FF68 Windows 10 Reading: Image ignored.
- NVDA 2019.2 IE11 Windows 10 Reading: Image ignored.
- NVDA 2018.4 Chrome 73 Windows 10 Reading: Image ignored.
- NVDA 2018.4 FF60 Windows 10 Reading: Image ignored.
- NVDA 2018.4 IE11 Windows 10 Reading: Image ignored.
- JAWS 2019.1912.1 Chrome 79 Windows 10 Reading: Image unlabeled.
- JAWS 2019.1912.1 FF68 Windows 10 Reading: Image ignored.
- JAWS 2019.1912.1 IE11 Windows 10 Reading: Image ignored.
- JAWS 2018.1811.2 Chrome 73 Windows 10 Reading: Image ignored.
- JAWS 2018.1811.2 FF60 Windows 10 Reading: Image ignored.
- JAWS 2018.1811.2 IE11 Windows 10 Reading: Image ignored.
- VoiceOver macOS 10.14 Safari 13.0 macOS 10.14.6 Reading: Image filename read out.
- VoiceOver macOS 10.13 Safari 12.1 macOS 10.13.6 Reading: Image filename read out.
- VoiceOver macOS 10.12 Safari 10.1.2 macOS 10.12.6 Reading: Image filename read out.
- VoiceOver iOS 12.4 Safari iOS 12.4 iOS 12.4.1 Touch: Image filename read out.
- VoiceOver iOS 11.4 Safari iOS 11.4 iOS 11.4.1 Touch: Image filename read out.
- VoiceOver iOS 10.3 Safari iOS 10.3 iOS 10.3 Touch: Image filename read out.
| | |
| https://www.velomagazin.com.ua/ | Line 156 172 183 187 269
...
| |
| | No space between attributes. | HTML5 WCAG 2.1 A 4.1.1 Section 508 (2017) A 4.1.1 | 3 pages |
|
| | |
| https://www.velomagazin.com.ua/category/gornye/ | Line 567 660 750 863 950
...
| |
| https://www.velomagazin.com.ua/category/velobegi/ | Line 557 655 757 | |
| https://www.velomagazin.com.ua/category/velosipedybmx_6x/ | Line 557 649 742 844 933 | |
| | Removing the underline from links makes it hard for color-blind users to see them. | WCAG 2.1 A F73 Section 508 (2017) A F73 | 1 pages |
|
Remove the text-decoration:none property from your link styles, or add other style attributes in addition to color changes to make links visible without color vision. | | |
| https://www.velomagazin.com.ua/ | Line 452 475 498 521 544
...
| |
| | select lists cannot be operated from the keyboard if they have an onchange handler that performs navigation, because the handler fires as the user moves the selection up and down using the keyboard. | WCAG 2.1 A F36 Section 508 (2017) A F36 | 8 pages |
|
Moving through list items using the arrow keys will jump to another page unexpectedly. | | |
| https://www.velomagazin.com.ua/ | Line 95 | |
| https://www.velomagazin.com.ua/auxpage_1/ | Line 455 | |
| https://www.velomagazin.com.ua/auxpage_3/ | Line 455 | |
| https://www.velomagazin.com.ua/pricelist/ | Line 455 | |
| This issue was found on another 4 pages.
The trial version is limited to showing issues on 4 pages.
| | |
| | This page uses nested tables, which do not make sense when read in a screen reader. | WCAG 2.1 A F49 Section 508 (2017) A F49 | 8 pages |
|
Add role='presentation' if the inner table is a layout table, otherwise modify the inner table to present the same data without nesting tables. | | |
| https://www.velomagazin.com.ua/ | Line 440 | |
| https://www.velomagazin.com.ua/auxpage_1/ | Line 655 | |
| https://www.velomagazin.com.ua/auxpage_3/ | Line 607 | |
| https://www.velomagazin.com.ua/pricelist/ | Line 484 538 10056 | |
| This issue was found on another 4 pages.
The trial version is limited to showing issues on 4 pages.
| | |
| | Use the lang attribute to identify the language of the page. | WCAG 2.1 A 3.1.1 Section 508 (2017) A 3.1.1 | 8 pages |
|
In HTML add a lang attribute containing a language code to the html tag, and in PDF set the language using Document Properties in Acrobat. This allows screen readers to pronounce words correctly. | | |
| https://www.velomagazin.com.ua/ | Line 1 | |
| https://www.velomagazin.com.ua/auxpage_1/ | Line 1 | |
| https://www.velomagazin.com.ua/auxpage_3/ | Line 1 | |
| https://www.velomagazin.com.ua/pricelist/ | Line 1 | |
| This issue was found on another 4 pages.
The trial version is limited to showing issues on 4 pages.
| | |
Level AA
1 issues on 1 pages | |
| | If you set any of the colors on the body or a elements you must set all of them. | WCAG 2.1 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 black text on a black background. | | |
| The colors used are:
color: rgb(102,102,102);background-color: rgb(255,255,255); uses browser default
color: rgb(102,102,102);background-color: rgb(255,255,255); uses browser default
color: rgb(102,102,102);background-color: rgb(255,255,255); uses browser default
color: rgb(102,102,102);background-color: rgb(255,255,255); uses browser default
color: rgb(102,102,102);background-color: rgb(255,255,255); uses browser default
https://www.velomagazin.com.ua/ | Line 452 475 498 521 544
...
| |
| Expand all 15 issues | | |