vdo.de

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.38:1. Recommendation: change text colour to #949494.

Selector: html > body > header > div > div > div > a > span > span:nth-child(2)

Kontext: <span>Deutschland</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.92:1. Recommendation: change background to #0f8939.

Selector: #hero-image-slider > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(3) > a > span:nth-child(1)

Kontext: <span class="btn__text">Mehr erfahren</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.92:1. Recommendation: change background to #0f8939.

Selector: html > body > main > section:nth-child(3) > div > div > div:nth-child(2) > div > div:nth-child(3) > a > span:nth-child(1)

Kontext: <span class="btn__text">Zum Shop gehen</span>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #hero-image-slider-list

Kontext: <ul class="splide__list" id="hero-image-slider-list" role="presentation" style="transform: translateX(-2560px);"> ...</ul>

Originalmeldung: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: html > body > header > div > div > section > div > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div > div > div > form > div > div:nth-child(2) > input

Kontext: <input type="text" role="search" class="form-control js-site-search" name="q" value="" maxlength="100" placeholder="Suche (min. 4 Zeichen eingeben)">

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: html > body > header > div > div > section > div > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div > div > div > form > div > div:nth-child(2) > input

Kontext: <input type="text" role="search" class="form-control js-site-search" name="q" value="" maxlength="100" placeholder="Suche (min. 4 Zeichen eingeben)">

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > div > div > section > div > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div > div > div > form > div > div:nth-child(2) > div > button

Kontext: <button type="submit" class="glyph"></button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: #splide01 > div > div:nth-child(2) > button:nth-child(1)

Kontext: <button type="button" class="splide__arrow splide__arrow--prev btn btn-icon btn--large btn--primary"> ...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: #splide01 > div > div:nth-child(2) > button:nth-child(2)

Kontext: <button type="button" class="splide__arrow splide__arrow--next btn btn-icon btn--large btn--primary"> ...</button>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #splide01-list

Kontext: <ul class="splide__list" id="splide01-list" role="presentation" style="transform: translateX(0px);"> ...</ul>