roller.de

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.97:1. Recommendation: change text colour to #338801.

Selector: #first-page-component > div:nth-child(4) > div > div > a:nth-child(1) > div:nth-child(1) > ul > li:nth-child(2) > p

Kontext: <p class="text-small inline-block border-1 rounded-3 bg-white px-0.75 text-success border-success inline-block border-1 rounded-3 bg-white px-0.75" data-tag="Versandkostenfrei a...

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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(4) > div > div > a:nth-child(1) > div:nth-child(6) > ul > li:nth-child(1) > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Lieferdaten </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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(4) > div > div > a:nth-child(1) > div:nth-child(6) > ul > li:nth-child(2) > div > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Abholdaten </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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(4) > div > div > a:nth-child(2) > div:nth-child(5) > p

Kontext: <p class="text-regular ml-0.25 text-gray"><!----> (1) </p>

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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(4) > div > div > a:nth-child(2) > div:nth-child(6) > ul > li:nth-child(1) > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Lieferdaten </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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(4) > div > div > a:nth-child(2) > div:nth-child(6) > ul > li:nth-child(2) > div > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Abholdaten </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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(4) > div > div > a:nth-child(3) > div:nth-child(5) > ul > li:nth-child(1) > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Lieferdaten </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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(4) > div > div > a:nth-child(3) > div:nth-child(5) > ul > li:nth-child(2) > div > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Abholdaten </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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(4) > div > div > a:nth-child(4) > div:nth-child(6) > ul > li:nth-child(1) > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Lieferdaten </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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(4) > div > div > a:nth-child(4) > div:nth-child(6) > ul > li:nth-child(2) > div > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Abholdaten </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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(7) > div > div > a:nth-child(1) > div:nth-child(4) > p

Kontext: <p class="text-regular ml-0.25 text-gray"><!----> (5) </p>

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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(7) > div > div > a:nth-child(1) > div:nth-child(5) > ul > li:nth-child(1) > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Lieferdaten </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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(7) > div > div > a:nth-child(1) > div:nth-child(5) > ul > li:nth-child(2) > div > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Abholdaten </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.97:1. Recommendation: change text colour to #338801.

Selector: #first-page-component > div:nth-child(7) > div > div > a:nth-child(2) > div:nth-child(1) > ul > li:nth-child(2) > p

Kontext: <p class="text-small inline-block border-1 rounded-3 bg-white px-0.75 text-success border-success inline-block border-1 rounded-3 bg-white px-0.75" data-tag="Versandkostenfrei a...

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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(7) > div > div > a:nth-child(2) > div:nth-child(4) > p

Kontext: <p class="text-regular ml-0.25 text-gray"><!----> (5) </p>

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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(7) > div > div > a:nth-child(2) > div:nth-child(5) > ul > li:nth-child(1) > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Lieferdaten </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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(7) > div > div > a:nth-child(2) > div:nth-child(5) > ul > li:nth-child(2) > div > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Abholdaten </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.97:1. Recommendation: change text colour to #338801.

Selector: #first-page-component > div:nth-child(7) > div > div > a:nth-child(3) > div:nth-child(1) > ul > li:nth-child(2) > p

Kontext: <p class="text-small inline-block border-1 rounded-3 bg-white px-0.75 text-success border-success inline-block border-1 rounded-3 bg-white px-0.75" data-tag="Versandkostenfrei a...

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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(7) > div > div > a:nth-child(4) > div:nth-child(4) > p

Kontext: <p class="text-regular ml-0.25 text-gray"><!----> (2) </p>

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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(7) > div > div > a:nth-child(4) > div:nth-child(5) > ul > li:nth-child(1) > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Lieferdaten </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.53:1. Recommendation: change text colour to #707682.

Selector: #first-page-component > div:nth-child(7) > div > div > a:nth-child(4) > div:nth-child(5) > ul > li:nth-child(2) > div > div > span:nth-child(2)

Kontext: <span class="text-xs text-gray-500"><!----> Lade Abholdaten </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.57:1. Recommendation: change background to #33870a.

Selector: #__nuxt > div > div:nth-child(6) > div > footer > div:nth-child(2) > div:nth-child(6) > div:nth-child(3) > a

Kontext: <a class="text-lg button-add-to-cart font-400 base-focus-visible-outline relative flex cursor-pointer select-none items-center justify-center gap-0.5 px-0.75 py-0.5 transition-c...

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 3.3:1. Recommendation: change background to #008933.

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

Kontext: <button class="text-lg button-primary hover:bg-primary-600 font-400 base-focus-visible-outline relative flex cursor-pointer select-none items-center justify-center gap-0.5 px-0....

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: #headerSearchInput--desktop

Kontext: <input data-track-id="searchBox" name="headerSearchInput--desktop" value="" id="headerSearchInput--desktop" class="w-full appearance-none rounded-md px-0.5 text-regular base-foc...

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: #headerSearchInput--desktop

Kontext: <input data-track-id="searchBox" name="headerSearchInput--desktop" value="" id="headerSearchInput--desktop" class="w-full appearance-none rounded-md px-0.5 text-regular base-foc...

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: #__nuxt > div > div:nth-child(1) > header:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > button

Kontext: <button class="flex base-focus-visible-outline-auto"><span aria-hidden="true" class=...</button>

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: #headerSearchInput--mobile

Kontext: <input data-track-id="searchBox" name="headerSearchInput--mobile" value="" id="headerSearchInput--mobile" class="w-full appearance-none rounded-md px-0.5 text-regular base-focus...

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: #headerSearchInput--mobile

Kontext: <input data-track-id="searchBox" name="headerSearchInput--mobile" value="" id="headerSearchInput--mobile" class="w-full appearance-none rounded-md px-0.5 text-regular base-focus...

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: #__nuxt > div > div:nth-child(2) > div > div > div > div:nth-child(2) > button

Kontext: <button class="flex base-focus-visible-outline-auto"><span aria-hidden="true" class=...</button>

Originalmeldung: Iframe element requires a non-empty title attribute that identifies the frame.

Selector: #merchantwidgetiframe

Kontext: <iframe id="merchantwidgetiframe" allowtransparency="true" frameborder="0" scrolling="no" sandbox="allow-same-origin allow-scripts allow-forms allow-popups allow-popups-to-escap...