bpp.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.84:1. Recommendation: change background to #0080a9.

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

Kontext: <a href="https://bpp.de/sprache/de" class="active">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.54:1. Recommendation: change text colour to #767676.

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

Kontext: <a href="https://bpp.de/sprache/en" class="">EN</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.84:1. Recommendation: change text colour to #0080a9.

Selector: #scope-tabs > button:nth-child(1)

Kontext: <button type="button" data-scope="alles" class="scope-btn px-3 py-1 text-xs font-semibold rounded-full border transition-colors" style="border-color: rgb(255, 255, 255); color: ...

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

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

Kontext: <div class="text-3xl font-bold" style="color:var(--color-primary)">81</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 2.84:1. Recommendation: change text colour to #00a0d3.

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

Kontext: <div class="text-3xl font-bold" style="color:var(--color-primary)">423</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 2.84:1. Recommendation: change text colour to #00a0d3.

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

Kontext: <div class="text-3xl font-bold" style="color:var(--color-primary)">6</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.84:1. Recommendation: change text colour to #0080a9.

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

Kontext: <a href="https://bpp.de/aktuelles" class="text-sm font-medium hover:underline" style="color:var(--color-primary)"> Alle Nachr...</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.84:1. Recommendation: change text colour to #0080a9.

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

Kontext: <a href="https://bpp.de/aktuelles/jahreshauptversammlung-2026" class="hover:underline">Jahreshauptversammlung 2026</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.84:1. Recommendation: change text colour to #0080a9.

Selector: html > body > main > section:nth-child(3) > div > div:nth-child(2) > article:nth-child(2) > div > h3 > a

Kontext: <a href="https://bpp.de/aktuelles/neue-pruefer-pruefgebietserweiterungen-im-bpp-2026" class="hover:underline">Neue Prüfer &amp; Prüfgebietser...</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.84:1. Recommendation: change text colour to #0080a9.

Selector: html > body > main > section:nth-child(3) > div > div:nth-child(2) > article:nth-child(3) > div > h3 > a

Kontext: <a href="https://bpp.de/aktuelles/beendigung-der-prueftaetigkeit" class="hover:underline">Beendigung der Prüftätigkeit</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.84:1. Recommendation: change text colour to #0080a9.

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

Kontext: <a href="https://bpp.de/pruefer/sachverstaendige" class="inline-flex items-center gap-1 text-sm font-semibold mt-5 hover:underline" style="color:var(--color-primary)"> Sachve......

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

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

Kontext: <a href="https://bpp.de/pruefgebiete" class="inline-flex items-center gap-1 text-sm font-semibold mt-5 hover:underline" style="color:var(--color-primary)"> Alle P...</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 2.84:1. Recommendation: change background to #00a0d3.

Selector: html > body > main > section:nth-child(5) > div > h2

Kontext: <h2 class="text-2xl font-bold text-white mb-3"> Den richtigen ...</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 2.84:1. Recommendation: change text colour to #0080a9.

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

Kontext: <a href="https://bpp.de/pruefer" class="px-6 py-3 font-semibold text-sm rounded transition-opacity hover:opacity-90" style="background:#fff;color:var(--color-primary)"> Prüferve...

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.84:1. Recommendation: change background to #0080a9.

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

Kontext: <a href="https://bpp.de/pruefgebiete" class="px-6 py-3 font-semibold text-sm rounded border-2 border-white text-white transition-colors" onmouseover="this.style.background='rgba...

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.84:1. Recommendation: change background to #0080a9.

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

Kontext: <h4>Verzeichnis</h4>

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.84:1. Recommendation: change background to #0080a9.

Selector: html > body > footer > div > div:nth-child(1) > div:nth-child(3) > h4

Kontext: <h4>Informationen</h4>

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.84:1. Recommendation: change background to #0080a9.

Selector: #cookie-accept

Kontext: <button id="cookie-accept" type="button" style="padding:.5rem 1.25rem;font-size:.8125rem;border-radius:3px;cursor:pointer; background:var(--color-primary);border:1px solid var(-...

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: #header-search > form

Kontext: <form action="https://bpp.de/suche" method="GET" class="flex items-center gap-1"> <input typ...</form>

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: #hero-q

Kontext: <input type="text" id="hero-q" autocomplete="off" placeholder="Name, Prüfgebiet oder Stichwort…" class="w-full px-4 py-3 pr-12 text-sm rounded-lg border-0 outline-none" style="b...

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: #hero-q

Kontext: <input type="text" id="hero-q" autocomplete="off" placeholder="Name, Prüfgebiet oder Stichwort…" class="w-full px-4 py-3 pr-12 text-sm rounded-lg border-0 outline-none" style="b...

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

Kontext: <button onclick="heroSearch()" type="button" class="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600"> <s...</button>