foodboom.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.81:1. Recommendation: change background to #18a87d.

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

Kontext: <a href="/rezeptsammlungen/italienisches-picknick" class="cursor-pointer fb-collection-header__title no-underline font-source-sans text-xl md:text-3xl font-extrabold text-white ...

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

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(1) > div > div:nth-child(2) > div > div > div > form > button

Kontext: <button type="submit" class="fb-button mt-6 text-lg text-white font-bold bg-primary border-primary">Jetzt anmelden</button>

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

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(2) > div > div:nth-child(1) > p

Kontext: <p class="uppercase font-bold text-white">Folge uns</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 4.05:1. Recommendation: change background to #00838c.

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(2) > div > div:nth-child(2) > p

Kontext: <p class="uppercase font-bold text-white">Foodboom</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 4.05:1. Recommendation: change background to #00838c.

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(2) > div > div:nth-child(2) > a:nth-child(2) > p

Kontext: <p class="uppercase text-white mt-1">Shop</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 4.05:1. Recommendation: change background to #00838c.

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(2) > div > div:nth-child(2) > a:nth-child(3) > p

Kontext: <p class="uppercase text-white mt-1">Über Uns</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 4.05:1. Recommendation: change background to #00838c.

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(2) > div > div:nth-child(2) > a:nth-child(4) > p

Kontext: <p class="uppercase text-white mt-1">Karriere</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 4.05:1. Recommendation: change background to #00838c.

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(2) > div > div:nth-child(2) > a:nth-child(5) > p

Kontext: <p class="uppercase text-white mt-1">Jobs</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 4.05:1. Recommendation: change background to #00838c.

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(2) > div > div:nth-child(2) > a:nth-child(6) > p

Kontext: <p class="uppercase text-white mt-1">Presse</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 4.05:1. Recommendation: change background to #00838c.

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(2) > div > div:nth-child(2) > a:nth-child(7) > p

Kontext: <p class="uppercase text-white mt-1">Kooperationen</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 4.05:1. Recommendation: change background to #00838c.

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(2) > div > div:nth-child(3) > p

Kontext: <p class="uppercase font-bold text-white">Kleingedrucktes</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 4.05:1. Recommendation: change background to #00838c.

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(2) > div > div:nth-child(3) > a:nth-child(2) > p

Kontext: <p class="uppercase text-white mt-1">Datenschutz</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 4.05:1. Recommendation: change background to #00838c.

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(2) > div > div:nth-child(3) > a:nth-child(3) > p

Kontext: <p class="uppercase text-white mt-1">Impressum</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 4.05:1. Recommendation: change background to #00838c.

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(2) > div > div:nth-child(3) > a:nth-child(4) > p

Kontext: <p class="uppercase text-white mt-1">Kontakt</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 4.05:1. Recommendation: change background to #00838c.

Selector: #__nuxt > div > div:nth-child(1) > footer > div:nth-child(2) > div > div:nth-child(4) > p

Kontext: <p class="italic text-white mt-1">* Die mit * gekennzeichneten Li...</p>

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: #__nuxt > div > div:nth-child(1) > button

Kontext: <button class="fb-scroll-to-top fixed right-4 bottom-4 z-40 w-12 h-12 rounded-full p-4 flex items-center justify-center bg-magenta transition-visibility-opacity duration-1000 ea...

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

Selector: #__nuxt > div > div:nth-child(1) > div:nth-child(8) > div > div > div > div:nth-child(2) > p:nth-child(1) > span

Kontext: <span class="text-secondary block text-2xl sm:text-3xl">den Nachschlag!</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 4.05:1. Recommendation: change background to #00838c.

Selector: #__nuxt > div > div:nth-child(1) > div:nth-child(8) > div > div > div > div:nth-child(2) > div > form > button

Kontext: <button type="submit" class="fb-button mt-6 text-lg text-white font-bold bg-primary border-primary">Jetzt anmelden</button>

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: #search-flyout > div > input

Kontext: <input class="fb-autocomplete__input flex-grow border-b ml-4 m-2 focus:outline-none inline" type="text" autocomplete="off" placeholder="Was darf’s sein?" value="">

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: #search-flyout > div > input

Kontext: <input class="fb-autocomplete__input flex-grow border-b ml-4 m-2 focus:outline-none inline" type="text" autocomplete="off" placeholder="Was darf’s sein?" value="">

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

Kontext: <button><svg class="icon h-6 w-6" xmlns...</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: #__nuxt > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > button

Kontext: <button><svg class="icon h-6 w-6" xmlns...</button>

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: #search-flyout > div > input

Kontext: <input class="fb-autocomplete__input flex-grow border-b ml-4 m-2 focus:outline-none inline" type="text" autocomplete="off" placeholder="Was darf’s sein?" value="">

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: #search-flyout > div > input

Kontext: <input class="fb-autocomplete__input flex-grow border-b ml-4 m-2 focus:outline-none inline" type="text" autocomplete="off" placeholder="Was darf’s sein?" value="">

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: #__nuxt > div > div:nth-child(1) > main > div:nth-child(2) > div:nth-child(2) > div:nth-child(6) > div > div:nth-child(3) > div:nth-child(2) > div > button

Kontext: <button class="absolute bottom-0 flex flex-row pointer-events-auto w-full"><div class="bg-black mx-auto to...</button>

Originalmeldung: Duplicate id attribute value "search-flyout" found on the web page.

Selector: #search-flyout

Kontext: <div id="search-flyout" class="fb-autocomplete flex flex-col z-10 w-full" data-v-7590b7bc=""><div class="flex items-center p...</div>

Originalmeldung: The html element should have a lang or xml:lang attribute which describes the language of the document.

Selector: html

Kontext: <html><head><meta charset="utf-8"><me...</html>

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

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

Kontext: <iframe class="CybotCookiebotHiddenIframe" name="__tcfapiLocator"></iframe>