demeter.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:1. Recommendation: change background to #c85100.

Selector: #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll

Kontext: <button id="CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll" class="CybotCookiebotDialogBodyButton" tabindex="0" lang="de">Alle zulassen</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: html > body > div:nth-child(2) > div:nth-child(1) > nav > div:nth-child(1) > div:nth-child(1) > div > div > div > div:nth-child(1) > button

Kontext: <button class="relative transition-colors w-14 h-14 lg:w-20 lg:h-20 text-orange hoverable:hover:text-green" @click="$store.megaLayer.toggle()"> <div class="absolute -tran...</bu...

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: html > body > div:nth-child(2) > div:nth-child(1) > nav > div:nth-child(2) > div:nth-child(2) > div > div > div > div:nth-child(1) > button

Kontext: <button class="relative transition-colors w-14 h-14 lg:w-20 lg:h-20 text-orange hoverable:hover:text-green" @click="$store.megaLayer.toggle()"> <div class="absolute -tran...</bu...

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

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

Kontext: <a href="/iss-mehr-wert" data-simple-mega-menu="1" class="header-link is-active" data-drupal-link-system-path="node/8">Für Alle</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.999:1. Recommendation: change text colour to #ee6f18.

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

Kontext: <a href="/fachwelt" class="header-link" data-simple-mega-menu="6" data-drupal-link-system-path="node/9">Fachwelt</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:1. Recommendation: change text colour to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > nav > div:nth-child(2) > div:nth-child(2) > div > div > div > div:nth-child(3) > ul > li:nth-child(1) > a

Kontext: <a href="/dafuer-steht-demeter-werte-prinzipien-qualitaet" class="header-link variant-medium" data-simple-mega-menu="2" data-drupal-link-system-path="node/7">Wofür Demeter steht...

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

Selector: html > body > div:nth-child(2) > div:nth-child(1) > nav > div:nth-child(2) > div:nth-child(2) > div > div > div > div:nth-child(3) > ul > li:nth-child(2) > a

Kontext: <a href="/produkte-rezepte" class="header-link variant-medium" data-simple-mega-menu="4" data-drupal-link-system-path="node/10">Produkte &amp; Rezepte</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:1. Recommendation: change text colour to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > nav > div:nth-child(2) > div:nth-child(2) > div > div > div > div:nth-child(3) > ul > li:nth-child(3) > a

Kontext: <a href="/betriebe" class="header-link variant-medium" data-drupal-link-system-path="betriebe">Demeter finden</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:1. Recommendation: change text colour to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > nav > div:nth-child(2) > div:nth-child(2) > div > div > div > div:nth-child(3) > ul > li:nth-child(4) > a

Kontext: <a href="/erleben" class="header-link variant-medium" data-simple-mega-menu="5" data-drupal-link-system-path="node/33">Erleben</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:1. Recommendation: change text colour to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > nav > div:nth-child(2) > div:nth-child(2) > div > div > div > div:nth-child(3) > ul > li:nth-child(5) > a

Kontext: <a href="/jobboerse" class="header-link variant-medium" data-drupal-link-system-path="node/1890">Arbeiten bei Demeter</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:1. Recommendation: change text colour to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > nav > div:nth-child(2) > div:nth-child(2) > div > div > div > div:nth-child(3) > ul > li:nth-child(6) > a

Kontext: <a href="/ueber-uns" class="header-link variant-medium" data-drupal-link-system-path="node/34">Ü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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > nav > div:nth-child(2) > div:nth-child(2) > div > div > div > div:nth-child(3) > div > ul > li > a

Kontext: <a class="py-1.5 min-w-0 btn min-w-[200px]" href="https://www.demeter.de/user/login/openid_connect_client/generic"> Einloggen </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 1:1. Recommendation: change background to #502000.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(1) > a > span:nth-child(2)

Kontext: <span class="share_text">teilen</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 1:1. Recommendation: change background to #502000.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(2) > a > span:nth-child(2)

Kontext: <span class="share_text">mitteilen</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 1:1. Recommendation: change background to #502000.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(3) > a > span:nth-child(2)

Kontext: <span class="share_text">teilen</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 1:1. Recommendation: change background to #502000.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(4) > a > span:nth-child(2)

Kontext: <span class="share_text">teilen</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 1:1. Recommendation: change background to #502000.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(5) > a > span:nth-child(2)

Kontext: <span class="share_text">mail</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:1. Recommendation: change background to #c85100.

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

Kontext: <a class="py-1.5 btn min-w-[200px]" href="https://www.demeter.de/mein-bauchgefuehl"> Mehr erfahren </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:1. Recommendation: change background to #c85100.

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

Kontext: <a class="py-1.5 btn min-w-[200px]" href="https://www.demeter.de/demeter-produkt-des-jahres-2026"> Mehr erfahren </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:1. Recommendation: change background to #c85100.

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

Kontext: <a class="py-1.5 btn min-w-[200px]" href="https://www.demeter.de/frauen-bewegen-bio"> Internationales Jahr der Fra...</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:1. Recommendation: change background to #c85100.

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

Kontext: <a class="py-1.5 btn min-w-[200px]" href="https://www.demeter.de/gentechnik"> Jetzt informieren &amp; unte...</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:1. Recommendation: change background to #c85100.

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

Kontext: <a class="py-1.5 btn min-w-[200px]" href="https://www.demeter.de/wofuer-demeter-steht"> Mehr erfahren </a>

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: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > div > div:nth-child(2) > div > div > div > div > button:nth-child(1)

Kontext: <button @click="scrollPrev()" class="-ml-4 text-white transition-colors pointer-events-auto hoverable:hover:text-orange"> <svg class=...</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: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > div > div:nth-child(2) > div > div > div > div > button:nth-child(2)

Kontext: <button @click="scrollNext()" class="-mr-4 text-white transition-colors pointer-events-auto hoverable:hover:text-orange"> <svg class=...</button>

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.999:1. Recommendation: change background to #ee6f18.

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

Kontext: <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline"> Warum bio...</h3>

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.999:1. Recommendation: change background to #ee6f18.

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

Kontext: <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline"> Über uns ...</h3>

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.999:1. Recommendation: change background to #ee6f18.

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

Kontext: <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline"> Demeter e...</h3>

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

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

Kontext: <div class="text-base font-light tracking-wide truncate mb-s lg:mb-s-desktop"> On...</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.999:1. Recommendation: change background to #ee6f18.

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

Kontext: <h3 class="h3 text-white"> Arbeiten ...</h3>

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

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

Kontext: <div class="simple-link variant-white"> Mehr lesen </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:1. Recommendation: change background to #c85100.

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

Kontext: <div class="text-base font-light tracking-wide truncate mb-s lg:mb-s-desktop"> Vi...</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.999:1. Recommendation: change background to #ee6f18.

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

Kontext: <h3 class="h3 text-white"> Demeter-M...</h3>

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

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

Kontext: <div class="simple-link variant-white"> Mehr lesen </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:1. Recommendation: change background to #c85100.

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

Kontext: <div class="text-base font-light tracking-wide truncate mb-s lg:mb-s-desktop"> Le...</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.999:1. Recommendation: change background to #ee6f18.

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

Kontext: <h3 class="h3 text-white"> Services ...</h3>

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

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

Kontext: <div class="simple-link variant-white"> Mehr lesen </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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(5) > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(4) > a > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="text-base font-light tracking-wide truncate mb-s lg:mb-s-desktop"> Vi...</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.999:1. Recommendation: change background to #ee6f18.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(5) > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(4) > a > div:nth-child(2) > div:nth-child(2) > h3

Kontext: <h3 class="h3 text-white"> Klare Abg...</h3>

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

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(5) > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(4) > a > div:nth-child(2) > div:nth-child(3) > div

Kontext: <div class="simple-link variant-white"> Mehr lesen </div>

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: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(5) > div > div > div:nth-child(3) > div:nth-child(2) > button

Kontext: <button @click="scrollPrev()" class="relative flex items-center justify-center w-10 h-10 overflow-hidden text-white transition-colors duration-500 icon-btn bg-orange hoverable:h...

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: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(5) > div > div > div:nth-child(3) > div:nth-child(3) > button

Kontext: <button @click="scrollNext()" class="relative flex items-center justify-center w-10 h-10 overflow-hidden text-white transition-colors duration-500 icon-btn bg-orange hoverable:h...

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: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(6) > div > div > div > div > div:nth-child(3) > div:nth-child(2) > button

Kontext: <button @click="scrollPrev()" class="relative flex items-center justify-center w-10 h-10 overflow-hidden text-white transition-colors duration-500 icon-btn bg-orange hoverable:h...

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: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(6) > div > div > div > div > div:nth-child(3) > div:nth-child(3) > button

Kontext: <button @click="scrollNext()" class="relative flex items-center justify-center w-10 h-10 overflow-hidden text-white transition-colors duration-500 icon-btn bg-orange hoverable:h...

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.999:1. Recommendation: change background to #ee6f18.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(8) > div > div > div > div > a:nth-child(1) > div:nth-child(2) > h3

Kontext: <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">Demeter finden</h3>

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.999:1. Recommendation: change background to #ee6f18.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(8) > div > div > div > div > a:nth-child(2) > div:nth-child(2) > h3

Kontext: <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">Demeter in der Region</h3>

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.999:1. Recommendation: change background to #ee6f18.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(8) > div > div > div > div > a:nth-child(3) > div:nth-child(2) > h3

Kontext: <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">Rezepte</h3>

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: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(11) > div > div > div > div > div:nth-child(3) > div:nth-child(2) > button

Kontext: <button @click="scrollPrev()" class="relative flex items-center justify-center w-10 h-10 overflow-hidden text-white transition-colors duration-500 icon-btn bg-orange hoverable:h...

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: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(11) > div > div > div > div > div:nth-child(3) > div:nth-child(3) > button

Kontext: <button @click="scrollNext()" class="relative flex items-center justify-center w-10 h-10 overflow-hidden text-white transition-colors duration-500 icon-btn bg-orange hoverable:h...

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.999:1. Recommendation: change background to #ee6f18.

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

Kontext: <h4 class="h4 text-white">Für Alle</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 3:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(2) > ul > li:nth-child(1) > a > div:nth-child(1)

Kontext: <div data-text="Wofür Demeter steht"> Wofür Demeter steht </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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(2) > ul > li:nth-child(2) > a > div:nth-child(1)

Kontext: <div data-text="Betriebssuche"> Betriebssuche </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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(2) > ul > li:nth-child(3) > a > div:nth-child(1)

Kontext: <div data-text="Saisonkalender"> Saisonkalender </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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(2) > ul > li:nth-child(4) > a > div:nth-child(1)

Kontext: <div data-text="Fördermitgliedschaft"> Fördermitgliedschaft </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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(2) > ul > li:nth-child(5) > a > div:nth-child(1)

Kontext: <div data-text="Rezeptdatenbank"> Rezeptdatenbank </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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(2) > ul > li:nth-child(6) > a > div:nth-child(1)

Kontext: <div data-text="Veranstaltungen"> Veranstaltungen </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.999:1. Recommendation: change background to #ee6f18.

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

Kontext: <h4 class="h4 text-white">Fachwelt</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 3:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(4) > ul > li:nth-child(1) > a > div:nth-child(1)

Kontext: <div data-text="Akademie &amp; Bildung"> Akademie &amp; Bildung </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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(4) > ul > li:nth-child(2) > a > div:nth-child(1)

Kontext: <div data-text="Richtlinien &amp; Zertifizierung"> Richtlinien &amp; Zertifiz...</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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(4) > ul > li:nth-child(3) > a > div:nth-child(1)

Kontext: <div data-text="Mitglied werden"> Mitglied werden </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.999:1. Recommendation: change background to #ee6f18.

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

Kontext: <h4 class="h4 text-white">Zu den Regionen</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 3:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(6) > ul > li:nth-child(1) > a > div:nth-child(1)

Kontext: <div data-text="Demeter im Norden"> Demeter im Norden </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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(6) > ul > li:nth-child(2) > a > div:nth-child(1)

Kontext: <div data-text="Demeter im Osten"> Demeter im Osten </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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(6) > ul > li:nth-child(3) > a > div:nth-child(1)

Kontext: <div data-text="Demeter im Westen"> Demeter im Westen </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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(6) > ul > li:nth-child(4) > a > div:nth-child(1)

Kontext: <div data-text="Demeter Bayern"> Demeter Bayern </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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(6) > ul > li:nth-child(5) > a > div:nth-child(1)

Kontext: <div data-text="Demeter Baden-Württemberg"> Demeter Baden-Württemberg ...</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.999:1. Recommendation: change background to #ee6f18.

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

Kontext: <h4 class="h4 text-white">Kontakt</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 3:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(8) > ul > li:nth-child(1) > a > div:nth-child(1)

Kontext: <div data-text="Kontakt &amp; Anfahrt"> Kontakt &amp; Anfahrt </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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(8) > ul > li:nth-child(2) > a > div:nth-child(1)

Kontext: <div data-text="Presseinformationen"> Presseinformationen </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:1. Recommendation: change background to #c85100.

Selector: html > body > div:nth-child(2) > div:nth-child(1) > footer > div:nth-child(1) > div > div > div > div:nth-child(8) > ul > li:nth-child(3) > a > div:nth-child(1)

Kontext: <div data-text="Verbraucheranfragen"> Verbraucheranfragen </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:1. Recommendation: change background to #c85100.

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

Kontext: <div class="font-sans text-xs lg:text-center break-keep"> © 2026 Demeter e.V. ...</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:1. Recommendation: change background to #c85100.

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

Kontext: <a href="/datenschutz" class="transition-colors before:h-0.5 before:bg-current before:w-full relative before:absolute before:-bottom-0.5 before:opacity-0 hoverable:hover:before:...

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

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

Kontext: <a href="/impressum" class="transition-colors before:h-0.5 before:bg-current before:w-full relative before:absolute before:-bottom-0.5 before:opacity-0 hoverable:hover:before:op...

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

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

Kontext: <button @click="$store.cookieConsent.renew" class="transition-colors before:h-0.5 before:bg-current before:w-full relative before:absolute before:-bottom-0.5 before:opacity-0 ho...

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

Selector: #CybotCookiebotDialogNavDeclaration

Kontext: <a id="CybotCookiebotDialogNavDeclaration" class="CybotCookiebotDialogNavItemLink CybotCookiebotDialogActive" href="#" data-target="CybotCookiebotDialogBody" tabindex="0" role="...

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

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(3) > div > div > div > div > a:nth-child(3) > div:nth-child(1) > img

Kontext: <img loading="lazy" src="/sites/default/files/styles/standard_teaser/public/demeter.de/artikel/images/vermarktung_einkaufen_demeter_biodynamisch.jpg.webp?itok=LNoSZeu3" width="5...

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

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(5) > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(3) > a > div:nth-child(1) > img

Kontext: <img loading="lazy" src="/sites/default/files/styles/standard_teaser/public/demeter.de/artikel/images/_s5_7116_1.jpg.webp?itok=T9a1WWKV" width="500" height="333">

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

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(8) > div > div > div > div > a:nth-child(3) > div:nth-child(1) > img

Kontext: <img loading="lazy" src="/sites/default/files/styles/standard_teaser/public/demeter.de/artikel/images/rezept-weihnachtlicher-bruderhahn-demeter-biodynamisch.jpg.webp?itok=y2PjN-...

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

Selector: #primary-menu > div > div > a

Kontext: <a href="/" class="react-menu__back"> <svg class="react-icon...</a>

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

Selector: #primary-menu > div > nav > ul > li:nth-child(1) > a:nth-child(2)

Kontext: <a class="react-menu__next" href="/dafuer-steht-demeter-werte-prinzipien-qualitaet"><svg class="react-icon"><use xl...</a>

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

Selector: #primary-menu > div > nav > ul > li:nth-child(2) > a:nth-child(2)

Kontext: <a class="react-menu__next" href="/produkte-rezepte"><svg class="react-icon"><use xl...</a>

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

Selector: #primary-menu > div > nav > ul > li:nth-child(4) > a:nth-child(2)

Kontext: <a class="react-menu__next" href="/erleben"><svg class="react-icon"><use xl...</a>

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

Selector: #primary-menu > div > nav > ul > li:nth-child(5) > a:nth-child(2)

Kontext: <a class="react-menu__next" href="/jobboerse"><svg class="react-icon"><use xl...</a>

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

Selector: #primary-menu > div > nav > ul > li:nth-child(6) > a:nth-child(2)

Kontext: <a class="react-menu__next" href="/ueber-uns"><svg class="react-icon"><use xl...</a>

Originalmeldung: Duplicate id attribute value "widget-roboto-font" found on the web page.

Selector: #widget-roboto-font

Kontext: <style id="widget-roboto-font"> @font-face { ...</style>

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

Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(5) > div > div > div:nth-child(2) > div > h2

Kontext: <h2 class="h2"></h2>