herbol.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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > header > nav > div:nth-child(1) > div > div:nth-child(1) > a:nth-child(1)

Kontext: <a href="https://www.herbol.de/de" class="site body-copy-xs js-sites is-active" data-label="DE" target="_self"> DE </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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > header > nav > div:nth-child(1) > div > div:nth-child(1) > a:nth-child(2)

Kontext: <a href="https://www.herbol.at/de" class="site body-copy-xs js-sites " data-label="AT" target="_self"> AT </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 3.11:1. Recommendation: change text colour to #007eb5.

Selector: #app > div:nth-child(1) > header > nav > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(1) > button > span:nth-child(1)

Kontext: <span class="menu-title"> Produkte ...</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 3.11:1. Recommendation: change text colour to #007eb5.

Selector: #app > div:nth-child(1) > header > nav > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(2) > button > span:nth-child(1)

Kontext: <span class="menu-title"> Consolan ...</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 3.11:1. Recommendation: change text colour to #007eb5.

Selector: #app > div:nth-child(1) > header > nav > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(3) > button > span:nth-child(1)

Kontext: <span class="menu-title"> Farben ...</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 3.11:1. Recommendation: change text colour to #007eb5.

Selector: #app > div:nth-child(1) > header > nav > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(4) > button > span:nth-child(1)

Kontext: <span class="menu-title"> Service ...</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 3.11:1. Recommendation: change text colour to #007eb5.

Selector: #app > div:nth-child(1) > header > nav > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(5) > button > span:nth-child(1)

Kontext: <span class="menu-title"> Referenzen ...</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 3.11:1. Recommendation: change text colour to #007eb5.

Selector: #app > div:nth-child(1) > header > nav > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(6) > a > span

Kontext: <span class="menu-title"> Händler ...</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 3.11:1. Recommendation: change text colour to #007eb5.

Selector: #app > div:nth-child(1) > header > nav > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(7) > a > span

Kontext: <span class="menu-title"> Kontakt ...</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(1) > div > div > ul > li:nth-child(1) > a > div > span

Kontext: <span>Fassadenfarben</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(1) > div > div > ul > li:nth-child(2) > a > div > span

Kontext: <span>Innenfarben</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(1) > div > div > ul > li:nth-child(3) > a > div > span

Kontext: <span>Lacke</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(1) > div > div > ul > li:nth-child(4) > a > div > span

Kontext: <span>Holzschutz</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(1) > div > div > ul > li:nth-child(5) > a > div > span

Kontext: <span>Gewebesystem</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(1) > div > div > ul > li:nth-child(6) > a > div > span

Kontext: <span>Bodensystem</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(2) > div > div > ul > li:nth-child(1) > a > div > span

Kontext: <span>Kollektionen</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(2) > div > div > ul > li:nth-child(2) > a > div > span

Kontext: <span>Farbtrends</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(2) > div > div > ul > li:nth-child(3) > a > div > span

Kontext: <span>Farbberatung</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(3) > div > div > ul > li:nth-child(1) > a > div > span

Kontext: <span>Kontakt</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(3) > div > div > ul > li:nth-child(2) > a > div > span

Kontext: <span>Downloads</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(3) > div > div > ul > li:nth-child(3) > a > div > span

Kontext: <span>Herbol Nachrichten</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(3) > div > div > ul > li:nth-child(4) > a > div > span

Kontext: <span>HERBOL WERBEMITTELSHOP</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 3.11:1. Recommendation: change background to #007eb5.

Selector: #app > div:nth-child(1) > div:nth-child(6) > footer > div > div > div:nth-child(3) > div > div > ul > li:nth-child(5) > a > div > span

Kontext: <span>Schulungen</span>

Originalmeldung: This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.

Selector: #app > div:nth-child(3) > section > div:nth-child(2) > div:nth-child(1) > div > div > div > form

Kontext: <form method="GET" novalidate="" class="js-form" data-suggestions-api="/bin/api/colorSearch?page=/content/akzonobel-painters/herbol/de/de"> <div class="search-bar-wra...</form>

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #app > div:nth-child(1) > div:nth-child(4) > div > div > div:nth-child(1) > section > div > div > div:nth-child(1) > div > picture > img

Kontext: <img data-src="//images.akzonobel.com/akzonobel-painters/herbol/de/homepage/herbol-iwp-header-desktop.jpg?impolicy=.auto&amp;imwidth=1366" class="image js-normal-image lazyloade...

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #app > div:nth-child(1) > div:nth-child(7) > footer > div > div > div:nth-child(2) > div > div:nth-child(2) > a > picture > img

Kontext: <img data-src="//images.akzonobel.com/akzonobel-common/akzo-nobel.png?impolicy=.auto%26imwidth%3D384" class="image js-normal-image fit-contain lazyload" itemprop="image">

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

Kontext: <button class="close-button js-close-button"> <span class="icon " d...</button>

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: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(1) > div > form > div:nth-child(1) > div > div > input

Kontext: <input type="email" class="text-input js-text-input js-input body-copy-s js-email" name="email" placeholder="Tragen Sie hier Ihre E-Mail-Adresse ein" data-required="true" autoco...

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

Selector: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(1) > div > form > div:nth-child(2) > div > div > input

Kontext: <input type="password" class="text-input js-text-input js-input body-copy-s js-password" name="password" placeholder="Bitte Passwort eingeben" data-required="true" autocomplete=...

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: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(1) > div > form > div:nth-child(2) > div > div > input

Kontext: <input type="password" class="text-input js-text-input js-input body-copy-s js-password" name="password" placeholder="Bitte Passwort eingeben" data-required="true" autocomplete=...

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: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(2) > div > form > div:nth-child(1) > div > div > input

Kontext: <input type="email" class="text-input js-text-input js-input body-copy-s input" name="email" placeholder="Tragen Sie hier Ihre E-Mail-Adresse ein" data-required="true" autocompl...

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

Selector: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(2) > div > form > div:nth-child(2) > div > div > input

Kontext: <input type="password" class="text-input js-text-input js-input body-copy-s input" name="password" placeholder="Bitte Passwort eingeben" data-required="true" autocomplete="new-p...

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: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(2) > div > form > div:nth-child(2) > div > div > input

Kontext: <input type="password" class="text-input js-text-input js-input body-copy-s input" name="password" placeholder="Bitte Passwort eingeben" data-required="true" autocomplete="new-p...

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: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(6) > div > form > div > div > div > input

Kontext: <input type="email" class="text-input js-text-input js-input body-copy-s input" name="email" placeholder="Tragen Sie hier Ihre E-Mail-Adresse ein" data-required="true" autocompl...

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

Selector: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(9) > div > form > fieldset:nth-child(1)

Kontext: <fieldset> <span class="body-co...</fieldset>

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

Selector: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(9) > div > form > fieldset:nth-child(2)

Kontext: <fieldset> <span class="body-co...</fieldset>

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

Selector: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(9) > div > form > fieldset:nth-child(3)

Kontext: <fieldset> <span class="body-co...</fieldset>

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

Kontext: <button class="a8-icon-button close-button js-close-button is-transparent is-small" data-component="a8-icon-button"> <span class="icon " d...</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: #app > div:nth-child(1) > div:nth-child(9) > div:nth-child(2) > header > button

Kontext: <button class="a8-icon-button close-button js-close-button " data-component="a8-icon-button"> <span class="icon " d...</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: #app > div:nth-child(2) > div:nth-child(2) > header > button

Kontext: <button class="a8-icon-button close-button js-close-button " data-component="a8-icon-button"> <span class="icon " d...</button>

Originalmeldung: Invalid autocomplete value: username. Element does not belong to Text control group.

Selector: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(1) > div > form > div:nth-child(1) > div > div > input

Kontext: <input type="email" class="text-input js-text-input js-input body-copy-s js-email" name="email" placeholder="Tragen Sie hier Ihre E-Mail-Adresse ein" data-required="true" autoco...

Originalmeldung: Invalid autocomplete value: username. Element does not belong to Text control group.

Selector: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(2) > div > form > div:nth-child(1) > div > div > input

Kontext: <input type="email" class="text-input js-text-input js-input body-copy-s input" name="email" placeholder="Tragen Sie hier Ihre E-Mail-Adresse ein" data-required="true" autocompl...

Originalmeldung: Invalid autocomplete value: username. Element does not belong to Text control group.

Selector: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(6) > div > form > div > div > div > input

Kontext: <input type="email" class="text-input js-text-input js-input body-copy-s input" name="email" placeholder="Tragen Sie hier Ihre E-Mail-Adresse ein" data-required="true" autocompl...

Originalmeldung: Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.

Selector: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(9) > div > form > fieldset:nth-child(1)

Kontext: <fieldset> <span class="body-co...</fieldset>

Originalmeldung: Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.

Selector: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(9) > div > form > fieldset:nth-child(2)

Kontext: <fieldset> <span class="body-co...</fieldset>

Originalmeldung: Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.

Selector: #app > div:nth-child(1) > section:nth-child(3) > div:nth-child(2) > div > section:nth-child(9) > div > form > fieldset:nth-child(3)

Kontext: <fieldset> <span class="body-co...</fieldset>

Originalmeldung: Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

Selector: #app > div:nth-child(1) > div:nth-child(8) > div:nth-child(2) > header > h2

Kontext: <h2 class="header-04 js-title"></h2>

Originalmeldung: Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

Selector: #app > div:nth-child(1) > div:nth-child(9) > div:nth-child(2) > header > h2

Kontext: <h2 class="header-04 js-title"></h2>

Originalmeldung: Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

Selector: #app > div:nth-child(2) > div:nth-child(2) > header > h2

Kontext: <h2 class="header-04 js-title"></h2>

Originalmeldung: Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

Selector: #app > div:nth-child(2) > div:nth-child(2) > div > h2

Kontext: <h2 class="header-04 js-wood-title"></h2>