katjes.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 2.97:1. Recommendation: change text colour to #6d6d6d.

Selector: #ccm-widget--title

Kontext: <div class="ccm-widget--title" id="ccm-widget--title">We use cookies and other techno...</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.97:1. Recommendation: change text colour to #6d6d6d.

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

Kontext: <div class="ccm-widget--introduction">This website uses cookies, web ...</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.18:1. Recommendation: change text colour to #5a5a5a.

Selector: #ccm-widget > div > div:nth-child(2) > div:nth-child(2) > button

Kontext: <button data-ccm-modal="ccm-control-panel" role="button">Settings</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 2.97:1. Recommendation: change background to #6d6d6d.

Selector: #ccm-widget > div > div:nth-child(2) > div:nth-child(2) > a:nth-child(3)

Kontext: <a href="javascript:" class="button ccm--decline-cookies" role="button">Decline</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.97:1. Recommendation: change background to #6d6d6d.

Selector: #ccm-widget > div > div:nth-child(3) > div > a:nth-child(1)

Kontext: <a href="javascript:;" data-ccm-modal="ccm-imprint">Imprint</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.97:1. Recommendation: change background to #6d6d6d.

Selector: #ccm-widget > div > div:nth-child(3) > div > a:nth-child(2)

Kontext: <a href="javascript:;" data-ccm-modal="ccm-privacy-policy">Privacy Policy</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.98:1. Recommendation: change text colour to #0072ed.

Selector: #Ebene_1 > style

Kontext: <style type="text/css"> .st0{f...</style>

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: html > body > header > nav > ul > li:nth-child(2) > a

Kontext: <a href="/produkte/katjes" class="navigation-module-header__nav-item-link internal" style="opacity: 1;">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 1:1. Recommendation: change text colour to #767676.

Selector: html > body > header > nav > ul > li:nth-child(3) > a

Kontext: <a href="/unternehmen" class="navigation-module-header__nav-item-link internal" style="opacity: 1;">UNTERNEHMEN ...</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 text colour to #767676.

Selector: html > body > header > nav > ul > li:nth-child(4) > a

Kontext: <a href="/erleben" class="navigation-module-header__nav-item-link internal" style="opacity: 1;">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 1:1. Recommendation: change text colour to #767676.

Selector: html > body > header > nav > ul > li:nth-child(10) > a

Kontext: <a class="navigation-module-header__nav-item-link external" href="https://shop.katjes.de" style="opacity: 1;" target="_blank">SHOP</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 text colour to #767676.

Selector: #languageSelector

Kontext: <button class="btn dropdown-toggle navigation-module-header__nav-item-link navigation-module-header__language-switch" type="button" id="languageSelector" data-toggle="dropdown" ...

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

Selector: #main-content > div:nth-child(4) > div > section > div > div:nth-child(2) > p:nth-child(1)

Kontext: <p>Die Marke Katjes gilt als Pioni...</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.77:1. Recommendation: change text colour to #010101.

Selector: #main-content > div:nth-child(4) > div > section > div > div:nth-child(2) > p:nth-child(1) > strong:nth-child(1)

Kontext: <strong>gesamte Katjes-Sortiment</strong>

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

Selector: #main-content > div:nth-child(4) > div > section > div > div:nth-child(2) > p:nth-child(1) > strong:nth-child(2)

Kontext: <strong>auf vegan umgestellt.</strong>

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

Selector: #main-content > div:nth-child(4) > div > section > div > div:nth-child(2) > p:nth-child(2)

Kontext: <p>Weitere Benefits auf einen Blic...</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.77:1. Recommendation: change text colour to #010101.

Selector: #main-content > div:nth-child(4) > div > section > div > div:nth-child(2) > ul > li:nth-child(1)

Kontext: <li>Vegane Fruchtgummi und Lakritz</li>

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

Selector: #main-content > div:nth-child(4) > div > section > div > div:nth-child(2) > ul > li:nth-child(2)

Kontext: <li>Ohne tierische Gelatine</li>

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

Selector: #main-content > div:nth-child(4) > div > section > div > div:nth-child(2) > ul > li:nth-child(3)

Kontext: <li>Nur natürliche Farben</li>

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

Selector: #main-content > div:nth-child(4) > div > section > div > div:nth-child(2) > p:nth-child(4)

Kontext: <p>Entdecke hier unsere bunte vega...</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.77:1. Recommendation: change background to #010101.

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

Kontext: <div class="footer-module__section-headline"> Üb...</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.77:1. Recommendation: change background to #010101.

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

Kontext: <a href="/unternehmen/presse/mitteilungen/2020/glaeserne-bonbonfabrik" class="footer-module__listElement-links internal">Neuigkeiten</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.77:1. Recommendation: change background to #010101.

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

Kontext: <a href="https://shop.katjes.de/pages/karriere" class="footer-module__listElement-links external" target="_blank">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.77:1. Recommendation: change background to #010101.

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

Kontext: <div class="footer-module__section-headline"> Pr...</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.77:1. Recommendation: change background to #010101.

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

Kontext: <a href="/unternehmen/presse" class="footer-module__listElement-links internal">Presse</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.77:1. Recommendation: change background to #010101.

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

Kontext: <div class="footer-module__section-headline"> Hi...</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.77:1. Recommendation: change background to #010101.

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

Kontext: <a href="/faq" class="footer-module__listElement-links internal">FAQ</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.77:1. Recommendation: change background to #010101.

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

Kontext: <a href="/unternehmen/kontakt" class="footer-module__listElement-links internal">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.77:1. Recommendation: change background to #010101.

Selector: html > body > footer > div > div > section > div:nth-child(3) > p

Kontext: <p class="footer-module__legal-text footer-module__legal-text--bottom">©2026 Katjes | All rights ...</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.77:1. Recommendation: change background to #010101.

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

Kontext: <a class="footer-module__legal-link footer-module__legal-link--bottom internal" href="/impressum">Legal notice | </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.77:1. Recommendation: change background to #010101.

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

Kontext: <a class="footer-module__legal-link footer-module__legal-link--bottom internal" href="/datenschutz"> Data protection ...</a>

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

Selector: #heading7 > div > button > div:nth-child(2) > img

Kontext: <img class="navigation-module-header__accordion-arrow" src="/static/images/Icons/faq_expand.svg">

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

Selector: #heading321 > div > button > div:nth-child(2) > img

Kontext: <img class="navigation-module-header__accordion-arrow" src="/static/images/Icons/faq_expand.svg">

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

Selector: #heading5 > div > button > div:nth-child(2) > img

Kontext: <img class="navigation-module-header__accordion-arrow" src="/static/images/Icons/faq_expand.svg">

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

Selector: #heading4 > div > button > div:nth-child(2) > img

Kontext: <img class="navigation-module-header__accordion-arrow" src="/static/images/Icons/faq_expand.svg">

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

Selector: #heading106 > div > button > div:nth-child(2) > img

Kontext: <img class="navigation-module-header__accordion-arrow" src="/static/images/Icons/faq_expand.svg">

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

Selector: #heading107 > div > button > div:nth-child(2) > img

Kontext: <img class="navigation-module-header__accordion-arrow" src="/static/images/Icons/faq_expand.svg">

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

Selector: #heading108 > div > button > div:nth-child(2) > img

Kontext: <img class="navigation-module-header__accordion-arrow" src="/static/images/Icons/faq_expand.svg">

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

Selector: #Ebene_1

Kontext: <svg class="navigation-module-header__hover-logo" width="1920px" height="1080px" version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/199...

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a href="" class="navigation-module-header__nav-item-link navigation-module-header__nav-item-link--active internal" style="opacity: 1;"> </a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a href="" class="dropdown-item dropdown-item__parentNavItem internal"> ...</a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a href="" class="dropdown-item internal"> ...</a>

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

Selector: html > body > header > nav > ul > li:nth-child(5) > a

Kontext: <a href="/faq" class="navigation-module-header__nav-item-link internal" style="opacity: 1;"> </a>

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

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

Kontext: <a href="/faq" class="dropdown-item dropdown-item__parentNavItem internal"> ...</a>

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

Selector: html > body > header > nav > ul > li:nth-child(6) > a

Kontext: <a href="/impressum" class="navigation-module-header__nav-item-link internal" style="opacity: 1;"> </a>

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

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

Kontext: <a href="/impressum" class="dropdown-item dropdown-item__parentNavItem internal"> ...</a>

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

Selector: html > body > header > nav > ul > li:nth-child(7) > a

Kontext: <a href="/datenschutz" class="navigation-module-header__nav-item-link internal" style="opacity: 1;"> </a>

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

Selector: html > body > header > nav > ul > li:nth-child(7) > div > a

Kontext: <a href="/datenschutz" class="dropdown-item dropdown-item__parentNavItem internal"> ...</a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

Selector: #collapse7 > div > ul > li > a

Kontext: <a href="" class="navigation-module-header__accordion-item-link internal"> ...</a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

Selector: #collapse321 > div > ul > li > a:nth-child(2)

Kontext: <a href="" class="navigation-module-header__accordion-item-link internal"> ...</a>

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

Selector: #collapse106 > div > ul > li > a:nth-child(1)

Kontext: <a href="/faq" class="navigation-module-header__accordion-item-link internal"> ...</a>

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

Selector: #collapse107 > div > ul > li > a

Kontext: <a href="/impressum" class="navigation-module-header__accordion-item-link internal"> ...</a>

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

Selector: #collapse108 > div > ul > li > a

Kontext: <a href="/datenschutz" class="navigation-module-header__accordion-item-link internal"> ...</a>

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

Selector: html > body > header > nav > ul > div:nth-child(9) > a:nth-child(1)

Kontext: <a class="social-icon-insta external" href="https://www.instagram.com/katjes_official/" target="_blank"><i class="fab fa-instagram"></i...</a>

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

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

Kontext: <a class="social-icon-fb external" href="https://www.facebook.com/Katjes" target="_blank"><i class="fab fa-facebook"></i>...</a>

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

Selector: html > body > header > nav > ul > div:nth-child(9) > a:nth-child(3)

Kontext: <a class="social-icon-youtube external" href="https://www.youtube.com/user/KatjesFassin" target="_blank"><i class="fab fa-youtube"></i> ...</a>

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

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

Kontext: <a class="footer-module__social-icon footer-module__social-icon--insta external" href="https://www.instagram.com/katjes_official/" target="_blank"><i class="fab fa-instagram"></...

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

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

Kontext: <a class="footer-module__social-icon footer-module__social-icon--fb external" href="https://www.facebook.com/Katjes" target="_blank"><i class="fab fa-facebook"></i>...</a>

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

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

Kontext: <a class="footer-module__social-icon footer-module__social-icon--youtube external" href="https://www.youtube.com/user/KatjesFassin" target="_blank"><i class="fab fa-youtube"></i...

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: #heading7 > div > button

Kontext: <button class="navigation-module-header__accordion-btn btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse7" aria-expanded="true" aria-...

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: #heading106 > div > button

Kontext: <button class="navigation-module-header__accordion-btn btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse106" aria-expanded="true" ari...

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: #heading107 > div > button

Kontext: <button class="navigation-module-header__accordion-btn btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse107" aria-expanded="true" ari...

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: #heading108 > div > button

Kontext: <button class="navigation-module-header__accordion-btn btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse108" aria-expanded="true" ari...

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

Kontext: <input type="text" class="form-control search-input-field" role="search" placeholder="Search..." name="search-term" id="search" required="">

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

Kontext: <input type="text" class="form-control search-input-field" role="search" placeholder="Search..." name="search-term" id="search" required="">

Originalmeldung: Duplicate id attribute value "tab-title" found on the web page.

Selector: #tab-title

Kontext: <div class="stage-tab-loader-title" id="tab-title"> ...</div>

Originalmeldung: Duplicate id attribute value "tab-title" found on the web page.

Selector: #tab-title

Kontext: <div class="stage-tab-loader-title" id="tab-title"> ...</div>