petersgutebackstube.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 1.6:1. Recommendation: change background to #9e9476.

Selector: #wie-wir-backen > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > h2

Kontext: <h2 class="font-display text-4xl md:text-6xl max-w-2xl text-white">Liebe und Respekt</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.6:1. Recommendation: change background to #9e9476.

Selector: #wie-wir-backen > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2)

Kontext: <div class="font-display text-2xl mb-3 text-white">Teigruhe</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.6:1. Recommendation: change background to #9e9476.

Selector: #wie-wir-backen > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2)

Kontext: <div class="font-display text-2xl mb-3 text-white">Zuckerfrei</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.6:1. Recommendation: change background to #9e9476.

Selector: #wie-wir-backen > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2)

Kontext: <div class="font-display text-2xl mb-3 text-white">Handwerk</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.6:1. Recommendation: change background to #9e9476.

Selector: #wie-wir-backen > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2)

Kontext: <div class="font-display text-2xl mb-3 text-white">Sauerteig</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.6:1. Recommendation: change background to #9e9476.

Selector: #wie-wir-backen > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(5) > div:nth-child(2)

Kontext: <div class="font-display text-2xl mb-3 text-white">Hefe</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.6:1. Recommendation: change background to #9e9476.

Selector: #wie-wir-backen > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(6) > div:nth-child(2)

Kontext: <div class="font-display text-2xl mb-3 text-white">Urgetreide</div>

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

Kontext: <input placeholder="Suche nach Ort oder PLZ …" class="w-full px-5 py-3.5 rounded-xl bg-transparent text-sm outline-none transition-colors" type="text" value="" style="border: 1p...

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

Kontext: <input placeholder="Suche nach Ort oder PLZ …" class="w-full px-5 py-3.5 rounded-xl bg-transparent text-sm outline-none transition-colors" type="text" value="" style="border: 1p...

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

Selector: #geschichte > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > div

Kontext: <div class="text-xs uppercase tracking-[0.4em] mb-6" style="color: rgb(122, 106, 79); opacity: 0; transform: translateY(16px);">(07) — UNSERE GESCHICHTE</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.28:1. Recommendation: change text colour to #645439.

Selector: #geschichte > div:nth-child(2) > p > a

Kontext: <a class="underline underline-offset-4 hover:opacity-70" href="/geschichte" style="color: rgb(122, 106, 79);">Die ganze Geschichte seit 1831 ...</a>

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

Selector: #sortiment

Kontext: <section id="sortiment" class="pt-8 pb-2 lg:pt-12 lg:pb-3 max-w-[1400px] mx-auto px-8 md:px-16 lg:px-24"><div class="relative overflow-h...</section>