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
2 issues on 1 pages | |
| 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 name='term' class='select-category'><option value=''>...n</option>...</select>
| Line 333 | |
| <select name='term' class='select-category'><option value=''>...n</option>...</select>
| Line 1633 | |
| https://upbikewinner.com/ | | |
| 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='#' target='_blank' class='elementor-icon ...'>...</a>
| Line 1374 | |
| <a href='...i' target='_blank' class='elementor-icon ...'>...</a>
| Line 1378 | |
| https://upbikewinner.com/ | | |
Level AA
2 issues on 1 pages | |
| Do not use the meta viewport tag to disable zoom. | WCAG 2.2 AA 1.4.4 Section 508 (2017) AA 1.4.4 | 1 pages |
|
Setting user-scalable=no or maximum-scale to less than 2.0 prevents
zooming small text to make it readable.
Note that iOS 10+ ignores this setting. | | |
| | | |
| <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1'>
| Line 5 | |
| https://upbikewinner.com/ | | |
| 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 has outline: invert none 0px <a href='https://upbikewinner.com/'>...</a>
| Line 312 | |
| :focus has outline: invert none 0px <a href='tel:+4902621–89218'><span>Kontaktieren Sie uns</span>...</a>
| Line 325 | |
| :focus has outline: invert none 0px <select name='term' class='select-category'><option value=''>...n</option>...</select>
| Line 333 | |
| :focus has outline: invert none 0px <a class='login' href='...p'><span>Konto</span></a>
| Line 366 | |
| :focus has outline: invert none 0px <a title='Wunschzettel ' href='.../' class='tini-wishlist'>...</a>
| Line 394 | |
| https://upbikewinner.com/ | | |
Level AAA
2 issues on 1 pages | |
| Avoid specifying a new window as the target of a link with target=_blank. | WCAG 2.2 AAA F22 | 1 pages |
|
Displaying new windows without warning can be very confusing to non-sighted and mobile users.
Some screen readers and mobile devices give very little indication a new tab or window has opened.
If you cannot avoid displaying a new window, insert an "opens in a new window" warning into the link text
or add the warning to the link using a title attribute or aria-describedby attribute. | 3.2.5 | |
| | | |
| <a href='' target='_blank'>Versandkosten</a>
| Line 699 | |
| <a href='' target='_blank'>Versandkosten</a>
| Line 724 | |
| <a href='' target='_blank'>Versandkosten</a>
| Line 749 | |
| <a href='' target='_blank'>Versandkosten</a>
| Line 774 | |
| <a href='' target='_blank'>Versandkosten</a>
| Line 799 | |
| https://upbikewinner.com/ | | |
| 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.01 with
color: rgb(255,255,255)background: rgb(222,16,16)
font-size: 7.50ptfont-weight: 600<span class='cart-number'>0</span>
| Line 405 | |
| 5.01 with
color: rgb(255,255,255)background: rgb(222,16,16)
font-size: 9ptfont-weight: 500<span>-57%</span>
| Line 691 | |
| 5.01 with
color: rgb(255,255,255)background: rgb(222,16,16)
font-size: 9ptfont-weight: 500<span>-47%</span>
| Line 716 | |
| 5.01 with
color: rgb(255,255,255)background: rgb(222,16,16)
font-size: 9ptfont-weight: 500<span>-56%</span>
| Line 741 | |
| 5.01 with
color: rgb(255,255,255)background: rgb(222,16,16)
font-size: 9ptfont-weight: 500<span>-53%</span>
| Line 766 | |
| https://upbikewinner.com/ | | |
| Expand all 6 issues | | |