servicebund.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.42:1. Recommendation: change background to #478500.

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

Kontext: <span class="pl-sm sm:pl-0">jetzt kontaktieren</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.42:1. Recommendation: change background to #478500.

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

Kontext: <div class="truncate">LIEFERANTEN FINDEN</div>

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

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

Kontext: <div class="truncate">Download hier</div>

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

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

Kontext: <div class="truncate">Hier weiterlesen</div>

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

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

Kontext: <div class="truncate">Download hier</div>

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

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

Kontext: <div class="truncate">Download hier</div>

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

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

Kontext: <div class="truncate">Download hier</div>

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

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

Kontext: <div class="truncate">Alle News</div>

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

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

Kontext: <div class="truncate">Lernen Sie uns kennen</div>

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

Selector: html > body > div:nth-child(1) > main > div:nth-child(3) > div:nth-child(5) > div > div > div > div:nth-child(3) > div > div > a > div:nth-child(1)

Kontext: <div class="truncate">Jetzt registrieren</div>

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

Selector: html > body > div:nth-child(1) > main > div:nth-child(3) > div:nth-child(7) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(1)

Kontext: <div class="[Block.Headline (brandUppercase)] w-full font-bold text-base sm:text-lg text-brand uppercase" style="hyphens:auto;word-break:break-word;">Profitieren auch Sie von un...

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

Selector: html > body > div:nth-child(1) > main > div:nth-child(3) > div:nth-child(7) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > h2

Kontext: <h2 class="[Block.Headline (large)] w-full ml-0 font-semibold text-2xl sm:text-3xl" style="hyphens:auto;word-break:break-word;">Besuchen<span>&nbsp;</span><spa...</h2>

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

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

Kontext: <span>Sie</span>

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

Selector: html > body > div:nth-child(1) > main > div:nth-child(3) > div:nth-child(7) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > h2 > span:nth-child(4)

Kontext: <span>unseren</span>

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

Selector: html > body > div:nth-child(1) > main > div:nth-child(3) > div:nth-child(7) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > h2 > span:nth-child(6)

Kontext: <span>Online-</span>

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

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

Kontext: <span>Shop!</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 1:1. Recommendation: change text colour to #767676.

Selector: html > body > div:nth-child(1) > main > div:nth-child(3) > div:nth-child(7) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(3) > p:nth-child(1)

Kontext: <p>Stöbern Sie durch unser gesamte...</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 1:1. Recommendation: change text colour to #767676.

Selector: html > body > div:nth-child(1) > main > div:nth-child(3) > div:nth-child(7) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(3) > p:nth-child(2)

Kontext: <p>Alles, was Sie brauchen um erfo...</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.42:1. Recommendation: change background to #478500.

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

Kontext: <div class="truncate">Webshop</div>

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

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

Kontext: <button class="flex items-center justify-between bg-brand w-full p-4 text-decorative-contrast text-left uppercase font-semibold rounded-br-ch mt-sm sm:mt-0" type="submit">PLZ fi...

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

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

Kontext: <button type="button" class="button ccm--decline-cookies ccm--ctrl-init" aria-label="Ablehnen">Ablehnen</button>

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

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

Kontext: <button type="button" data-ccm-modal="ccm-control-panel" aria-haspopup="dialog" aria-label="Einstellungen" class="ccm--ctrl-init">Einstellungen</button>

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

Selector: #ccm-widget > div > div:nth-child(2) > div:nth-child(2) > button:nth-child(3)

Kontext: <button type="button" class="button ccm--save-settings ccm--button-primary ccm--ctrl-init" data-full-consent="true" aria-label="Alles akzeptieren">Alles akzeptieren</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: html > body > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div > div > div > div > div:nth-child(1) > input

Kontext: <input type="text" autocomplete="off" aria-autocomplete="list" aria-controls="react-autowhatever-21235" placeholder="Suchwort eingeben..." value="" style="width: 100%; min-heigh...

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 > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div > div > div > div > div:nth-child(1) > input

Kontext: <input type="text" autocomplete="off" aria-autocomplete="list" aria-controls="react-autowhatever-21235" placeholder="Suchwort eingeben..." value="" style="width: 100%; min-heigh...

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 > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(3) > nav > div > div:nth-child(2) > nav > div:nth-child(1) > div > div > div > div > div:nth-child(1) > input

Kontext: <input type="text" autocomplete="off" aria-autocomplete="list" aria-controls="react-autowhatever-21235" placeholder="Suchwort eingeben..." value="" style="width: 100%; min-heigh...

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 > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(3) > nav > div > div:nth-child(2) > nav > div:nth-child(1) > div > div > div > div > div:nth-child(1) > input

Kontext: <input type="text" autocomplete="off" aria-autocomplete="list" aria-controls="react-autowhatever-21235" placeholder="Suchwort eingeben..." value="" style="width: 100%; min-heigh...

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

Selector: #mce-EMAIL

Kontext: <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="E-Mail-Adresse">

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

Selector: #standortsuche > div > div > div > div:nth-child(2) > div:nth-child(2) > form > div > select

Kontext: <select name="addressCountry" class="border border-brand sm:mr-4 px-md py-sm md:p-xs h-14 w-full sm:w-auto bg-light"><option value="DE">Deutschland<...</select>

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: #standortsuche > div > div > div > div:nth-child(2) > div:nth-child(2) > form > div > select

Kontext: <select name="addressCountry" class="border border-brand sm:mr-4 px-md py-sm md:p-xs h-14 w-full sm:w-auto bg-light"><option value="DE">Deutschland<...</select>

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: #standortsuche > div > div > div > div:nth-child(2) > div:nth-child(2) > form > div > input

Kontext: <input class="border border-brand sm:mr-4 p-md md:p-xs h-14 w-full mt-sm sm:mt-0" type="text" placeholder="Ihre PLZ, z.B 12345" value="">

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: #standortsuche > div > div > div > div:nth-child(2) > div:nth-child(2) > form > div > input

Kontext: <input class="border border-brand sm:mr-4 p-md md:p-xs h-14 w-full mt-sm sm:mt-0" type="text" placeholder="Ihre PLZ, z.B 12345" value="">

Originalmeldung: Duplicate id attribute value "react-autowhatever-21235" found on the web page.

Selector: #react-autowhatever-21235

Kontext: <div id="react-autowhatever-21235" role="listbox" style="display: none;"></div>