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

Selector: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(4) > div > div > div:nth-child(1) > h2

Kontext: <h2 class="text-gray sh2"> Online und im ...</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 2.96:1. Recommendation: change text colour to #949494.

Selector: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > h2

Kontext: <h2 class="sh2 text-gray"> Produktempfehl...</h2>

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

Selector: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div > figure > img

Kontext: <img class="kmt-productbox-productlabel" src="https://www.hark.de/out/rocket/img/colorizedicons/flamekat.svg">

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: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div > div > div:nth-child(2) > div > span > small

Kontext: <small>A+</small>

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

Selector: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > figure > img

Kontext: <img class="kmt-productbox-productlabel" src="https://www.hark.de/out/rocket/img/colorizedicons/flamekat.svg">

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: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > div > span > small

Kontext: <small>A+</small>

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

Selector: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) > div > figure > img

Kontext: <img class="kmt-productbox-productlabel" src="https://www.hark.de/out/rocket/img/colorizedicons/flamekat.svg">

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: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) > div > div > div:nth-child(2) > div > span > small

Kontext: <small>A+</small>

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

Selector: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(4) > div > figure > img

Kontext: <img class="kmt-productbox-productlabel" src="https://www.hark.de/out/rocket/img/colorizedicons/flamekat.svg">

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: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(4) > div > div > div:nth-child(2) > div > span > small

Kontext: <small>A+</small>

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

Selector: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(7) > div > div > div > p:nth-child(1)

Kontext: <p class="sh2 text-gray">Bis 40 % weniger Holzverbrauch</p>

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

Selector: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(8) > div > div > div:nth-child(1) > h2

Kontext: <h2 class="sh2 text-gray"> Produktempfehl...</h2>

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: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(8) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div > div > div:nth-child(2) > div > span > small

Kontext: <small>A+</small>

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: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(8) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > div > span > small

Kontext: <small>A+</small>

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: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(8) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) > div > div > div:nth-child(2) > div > span > small

Kontext: <small>A+</small>

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: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(8) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(4) > div > div > div:nth-child(2) > div > span > small

Kontext: <small>A+</small>

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

Selector: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(9) > div > div > div > p:nth-child(1)

Kontext: <p class="sh2 text-gray">Schornstein nachrüsten</p>

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

Selector: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(10) > div > div > div:nth-child(1) > h2

Kontext: <h2 class="sh2 text-gray"> Produktempfehl...</h2>

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: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(10) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div > div > div:nth-child(2) > div > span > small

Kontext: <small>A+</small>

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: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(10) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > div > span > small

Kontext: <small>A+</small>

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: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(10) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) > div > div > div:nth-child(2) > div > span > small

Kontext: <small>A+</small>

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: #content > div:nth-child(1) > section > div:nth-child(1) > div:nth-child(10) > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(4) > div > div > div:nth-child(2) > div > span > small

Kontext: <small>A+</small>

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 > footer > section:nth-child(1) > article > div > a:nth-child(1) > span

Kontext: <span class="sh3">02065-997-0</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 > footer > section:nth-child(1) > article > div > div > div > div:nth-child(1)

Kontext: <div class="sh3">Live-Chat</div>

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 > footer > section:nth-child(1) > article > div > a:nth-child(3) > span

Kontext: <span class="sh3">WhatsApp</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 > footer > section:nth-child(1) > article > div > a:nth-child(4) > span

Kontext: <span class="sh3">Kontakt­formular</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.96:1. Recommendation: change text colour to #767676.

Selector: html > body > footer > div:nth-child(6) > p:nth-child(1) > a

Kontext: <a href="https://www.hark.de/zahlarten-versand/" title="https://www.hark.de/zahlarten-versand/"> ...</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.96:1. Recommendation: change text colour to #767676.

Selector: html > body > footer > div:nth-child(6) > p:nth-child(1) > a > span

Kontext: <span class="kmt-vat-star"> ...</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.96:1. Recommendation: change text colour to #767676.

Selector: html > body > footer > div:nth-child(6) > p:nth-child(2)

Kontext: <p class="p-small">© Copyrights 2026 www.hark.de</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.1:1. Recommendation: change background to #007dbb.

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

Kontext: <span>Kontakt</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: #flexpertoconsulting > div > form

Kontext: <form class="kmt-section-content kmt-form" data-init="kmt-flexpertoconsulting" action="https://www.hark.de/index.php?" data-instance-kmt-flexpertoconsulting="6ef5-2eb6-2e0a"> <d...

Originalmeldung: Anchor element found with a valid href attribute, but no link content has been supplied.

Selector: html > body > header > div > a

Kontext: <a class="kmt-header-logo kmt-logo" href="https://www.hark.de/" title=""> ...</a>

Originalmeldung: Anchor element found with a valid href attribute, but no link content has been supplied.

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

Kontext: <a href="/" class="kmt-mainnavigation-breadcrumb-home kmt-icon kmt-icon--house"></a>

Originalmeldung: Duplicate id attribute value "registerLink" found on the web page.

Selector: #registerLink

Kontext: <a class="kmt-btn kmt-btn--type-default" id="registerLink" role="button" href="https://www.hark.de/konto-eroeffnen/" title="Registrieren"> Regist...</a>

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: #searchParam

Kontext: <input class="kmt-search-param kmt-input" type="text" id="searchParam" name="searchparam" placeholder="Suchbegriff eingeben..." value="" autocomplete="off">

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: #searchParam

Kontext: <input class="kmt-search-param kmt-input" type="text" id="searchParam" name="searchparam" placeholder="Suchbegriff eingeben..." value="" autocomplete="off">

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: #loginEmail

Kontext: <input id="loginEmail" type="email" name="lgn_usr" value="" class="kmt-input" placeholder="E-Mail-Adresse">

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: #loginPasword

Kontext: <input id="loginPasword" type="password" name="lgn_pwd" class="kmt-input" value="" placeholder="Passwort">

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: #loginPasword

Kontext: <input id="loginPasword" type="password" name="lgn_pwd" class="kmt-input" value="" placeholder="Passwort">

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: #searchRouteParam

Kontext: <input class="kmt-input" type="text" id="searchRouteParam" name="searchrouteparam" placeholder="Postleitzahl eingeben..." value="" autocomplete="off">

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: #searchRouteParam

Kontext: <input class="kmt-input" type="text" id="searchRouteParam" name="searchrouteparam" placeholder="Postleitzahl eingeben..." value="" autocomplete="off">

Originalmeldung: Duplicate id attribute value "Combined-Shape" found on the web page.

Selector: #Combined-Shape

Kontext: <path d="M16,4 C22.6168,4 28,9.3832 28,16 C28,18.0736 27.4612,20.104 26.434,21.9088 L26.434,21.9088 L27.9376,26.4208 C28.0816,26.8516 27.97,27.3268 27.6484,27.6484 C27.4204,27.8...

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

Selector: html > head > iframe

Kontext: <iframe width="1" height="1" frameborder="0" src="//tm718.ad-srv.net/tm/a/container/tags/iframe/0ebda33203.html?sid=le1qv5ihr9mel5gpe6o2opdr19" style="visibility: hidden; displa...

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

Selector: html > body > iframe:nth-child(7)

Kontext: <iframe name="__cmapiLocator" style="display: none;"></iframe>

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

Selector: html > body > iframe:nth-child(8)

Kontext: <iframe name="__cmpLocator" style="display: none;"></iframe>

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

Selector: html > body > iframe:nth-child(9)

Kontext: <iframe name="__uspapiLocator" style="display: none;"></iframe>

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

Selector: html > body > iframe:nth-child(10)

Kontext: <iframe name="__tcfapiLocator" style="display: none;"></iframe>