bagel.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.5:1. Recommendation: change text colour to #9e6c37.

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

Kontext: <a href="https://www.bagel.de/" class="text-primary font-semibold border-b-2 border-primary pb-1">Startseite</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.5:1. Recommendation: change text colour to #9e6c37.

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

Kontext: <a href="/unternehmen" class="inline-block bg-white text-primary px-10 py-4 rounded-lg font-semibold text-lg hover:opacity-90 transition-opacity duration-300 shadow-sm"> Unsere ...

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

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

Kontext: <a href="/unternehmen#immobilien" class="inline-flex items-center text-primary font-semibold hover:underline"> Mehr erfahren <svg...</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.5:1. Recommendation: change text colour to #9e6c37.

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

Kontext: <a href="/unternehmen#dienstleistungen" class="inline-flex items-center text-primary font-semibold hover:underline"> Mehr erfahren <svg...</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.5:1. Recommendation: change text colour to #9e6c37.

Selector: #main > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > a

Kontext: <a href="/unternehmen#verlage" class="inline-flex items-center text-primary font-semibold hover:underline"> Mehr erfahren <svg...</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.5:1. Recommendation: change text colour to #9e6c37.

Selector: #main > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > a

Kontext: <a href="/unternehmen#druckerei" class="inline-flex items-center text-primary font-semibold hover:underline"> Mehr erfahren <svg...</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.5:1. Recommendation: change text colour to #9e6c37.

Selector: #main > section:nth-child(8) > div > div:nth-child(2) > details:nth-child(1) > div > a

Kontext: <a href="https://bagel-immobilien.de/kontakt" class="inline-flex items-center text-primary font-semibold hover:underline mt-3"> Kontakt Bagel Immobilien...</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.5:1. Recommendation: change text colour to #9e6c37.

Selector: #main > section:nth-child(8) > div > div:nth-child(2) > details:nth-child(2) > div > a

Kontext: <a href="https://bagel-immobilien.de" class="inline-flex items-center text-primary font-semibold hover:underline mt-3"> Sprechen Sie unsere Immo...</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.5:1. Recommendation: change text colour to #9e6c37.

Selector: #main > section:nth-child(8) > div > div:nth-child(2) > details:nth-child(3) > div > a

Kontext: <a href="https://abagel.de" class="inline-flex items-center text-primary font-semibold hover:underline mt-3"> Kontakt A. Bagel <...</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.5:1. Recommendation: change text colour to #9e6c37.

Selector: #main > section:nth-child(8) > div > div:nth-child(2) > details:nth-child(4) > div > a

Kontext: <a href="https://www.bagel.de/kontakt" class="inline-flex items-center text-primary font-semibold hover:underline mt-3"> Kontakt aufnehmen ...</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.5:1. Recommendation: change text colour to #9e6c37.

Selector: #main > section:nth-child(8) > div > div:nth-child(2) > details:nth-child(5) > div > a

Kontext: <a href="https://www.bagel.de/nachhaltigkeit" class="inline-flex items-center text-primary font-semibold hover:underline mt-3"> Mehr zur Nachhaltigkeit ...</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.5:1. Recommendation: change text colour to #9e6c37.

Selector: #main > section:nth-child(8) > div > div:nth-child(2) > details:nth-child(6) > div > a

Kontext: <a href="https://www.bagel.de/karriere" class="inline-flex items-center text-primary font-semibold hover:underline mt-3"> Karriere bei der Bagel G...</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.5:1. Recommendation: change background to #9e6c37.

Selector: #main > section:nth-child(9) > div > p

Kontext: <p class="text-lg text-white mb-10 leading-relaxed"> Von Immobilien über Verlage...</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.5:1. Recommendation: change background to #9e6c37.

Selector: #main > section:nth-child(9) > div > a

Kontext: <a href="/kontakt" class="bg-transparent hover:bg-white text-white font-semibold hover:text-primary py-4 px-10 border border-white hover:border-transparent rounded-lg text-lg in...

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: #mobile-menu-button

Kontext: <button id="mobile-menu-button" class="text-gray-700 hover:text-primary focus:outline-none"> <svg c...</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: #scroll-top

Kontext: <button id="scroll-top" class="fixed bottom-8 right-8 bg-primary text-white p-4 rounded-full shadow-lg hover:opacity-90 transition opacity-0 pointer-events-none cursor-pointer">...