bks.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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(1) > div > div > div > div:nth-child(1) > div:nth-child(1) > a

Kontext: <a href="/de-de/produkte" class="text-tertiary text-decoration-none stretched-link">Produkte</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(1) > div > div > div > div:nth-child(1) > div:nth-child(3) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/produkte/schliess-und-zutrittskontrollsysteme"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(1) > div > div > div > div:nth-child(1) > div:nth-child(4) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/produkte/tuerbeschlaege"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(1) > div > div > div > div:nth-child(1) > div:nth-child(5) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/produkte/elektrische-tueroeffner"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(1) > div > div > div > div:nth-child(1) > div:nth-child(6) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/produkte/fluchttuersicherung"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(1) > div > div > div > div:nth-child(1) > div:nth-child(7) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/produkte/gemos-gebaeudemanagementsystem"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(1) > div > div > div > div:nth-child(1) > div:nth-child(8) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/produkte/schloesser"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(2) > div > div > div > div:nth-child(1) > div:nth-child(1) > a

Kontext: <a href="/de-de/service" class="text-tertiary text-decoration-none stretched-link">Service</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(2) > div > div > div > div:nth-child(1) > div:nth-child(3) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/service/service-fuer-architekten-planer"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(2) > div > div > div > div:nth-child(1) > div:nth-child(4) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/service/service-fuer-sicherheitsfachgeschaefte-handel"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(2) > div > div > div > div:nth-child(1) > div:nth-child(5) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/service/serviceleistungen-im-ueberblick"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(2) > div > div > div > div:nth-child(1) > div:nth-child(6) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/service/seminare"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(2) > div > div > div > div:nth-child(1) > div:nth-child(7) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/service/downloadportal"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(2) > div > div > div > div:nth-child(1) > div:nth-child(8) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/service/bks-masterkeysystem"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(2) > div > div > div > div:nth-child(1) > div:nth-child(9) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/service/showroom-bks"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(1) > a

Kontext: <a href="/de-de/ueber-uns" class="text-tertiary text-decoration-none stretched-link">Über uns</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(3) > div > div > div > div:nth-child(1) > div:nth-child(3) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/news"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(4) > div > div > div > div:nth-child(1) > div:nth-child(1) > a

Kontext: <a href="/de-de/karriere" class="text-tertiary text-decoration-none stretched-link">Karriere</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(4) > div > div > div > div:nth-child(1) > div:nth-child(3) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/karriere/ausbildung"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(4) > div > div > div > div:nth-child(1) > div:nth-child(4) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/karriere/jobportal"> ...</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(5) > div > div > div > div:nth-child(1) > div > a

Kontext: <a href="/de-de/referenzen" class="text-tertiary text-decoration-none stretched-link">Referenzen</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(6) > div > div > div > div:nth-child(1) > div:nth-child(1) > a

Kontext: <a href="/de-de/kontakt" class="text-tertiary text-decoration-none stretched-link">Kontakt</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.01:1. Recommendation: change text colour to #6c7783.

Selector: #main-desktop > div > div > div > div:nth-child(6) > div > div > div > div:nth-child(1) > div:nth-child(3) > a

Kontext: <a class="text-tertiary text-decoration-none stretched-link" href="/de-de/Kontakt/Kontaktformular"> ...</a>

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

Selector: #main-mobile > div:nth-child(1) > div > div:nth-child(2) > a

Kontext: <a class="d-flex text-decoration-none" href="/de-de/search/fulltext"> <d...</a>

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

Selector: #mainmenu > div > div:nth-child(1) > a

Kontext: <a class="text-decoration-none" href="/de-de/search/fulltext"> <div c...</a>

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

Kontext: <div class="mb-3 text-uppercase fs-5 fw-semibold ">Qualität und langlebigkeit</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: #slick-slide00 > div > div > div:nth-child(3) > div > div > div > h1

Kontext: <h1 class="h1 fw-bold mb-3 ">Mechanische Schließsysteme von ...</h1>

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: #slick-slide00 > div > div > div:nth-child(3) > div > div > div > div:nth-child(3) > p

Kontext: <p>Setzen Sie auf die Qualität von...</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 3.01:1. Recommendation: change text colour to #6c7783.

Selector: #news-slider-wrapper > div > div > div:nth-child(1) > div > div > div > div:nth-child(2) > div:nth-child(1) > div > div

Kontext: <div class="bg-white text-tertiary rounded-3 px-2 py-1 fw-semibold fs-7 border border-1 ">Unternehmen</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 3.01:1. Recommendation: change text colour to #6c7783.

Selector: #news-slider-wrapper > div > div > div:nth-child(2) > div > div > div > div:nth-child(2) > div:nth-child(1) > div > div

Kontext: <div class="bg-white text-tertiary rounded-3 px-2 py-1 fw-semibold fs-7 border border-1 ">Produkte</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 3.01:1. Recommendation: change text colour to #6c7783.

Selector: #news-slider-wrapper > div > div > div:nth-child(3) > div > div > div > div:nth-child(2) > div:nth-child(1) > div > div

Kontext: <div class="bg-white text-tertiary rounded-3 px-2 py-1 fw-semibold fs-7 border border-1 ">Unternehmen</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 3.01:1. Recommendation: change text colour to #6c7783.

Selector: #news-slider-wrapper > div > div > div:nth-child(4) > div > div > div > div:nth-child(2) > div:nth-child(1) > div > div

Kontext: <div class="bg-white text-tertiary rounded-3 px-2 py-1 fw-semibold fs-7 border border-1 ">Produkte</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.68:1. Recommendation: change text colour to #595e5e.

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

Kontext: <div class="fs-8 claim">© 2026 Unternehmensgruppe Grets...</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: #slick-slide01 > div > div > div:nth-child(3) > div > div > div > div:nth-child(1)

Kontext: <div class="mb-3 text-uppercase fs-5 fw-semibold ">Von klassisch bis elektronisch</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: #slick-slide01 > div > div > div:nth-child(3) > div > div > div > h1

Kontext: <h1 class="h1 fw-bold mb-3 ">Schlösser für moderne Türlösung...</h1>

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

Kontext: <form action="/de-de/search/fulltext" method="GET" id="mainsearch" style="max-width: 360px; justify-self: end"> <div class="position-relat...</form>

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

Selector: #header-bar > div > div:nth-child(2) > div > div:nth-child(4) > div:nth-child(2) > div > a:nth-child(3)

Kontext: <a href="#" class="d-block"> </a>

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

Selector: #header-bar > div > div:nth-child(2) > div > div:nth-child(4) > div:nth-child(2) > div > a:nth-child(6)

Kontext: <a href="#" class="d-block"> </a>

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

Selector: #comment

Kontext: <textarea placeholder="Bitte beschreiben Sie den inhaltlichen Fehler oder Ihren Verbesserungsvorschlag." name="comment" id="comment" class="w-100 form-control" style="resize: ve...

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

Kontext: <textarea placeholder="Bitte beschreiben Sie den inhaltlichen Fehler oder Ihren Verbesserungsvorschlag." name="comment" id="comment" class="w-100 form-control" style="resize: ve...

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

Selector: #g-recaptcha-response-100000

Kontext: <textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); marg...

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: #g-recaptcha-response-100000

Kontext: <textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); marg...

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

Selector: html > body > div:nth-child(28) > iframe

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