elbfaire.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 2.77:1. Recommendation: change background to #497aa6.

Selector: #__nuxt > div > div > div:nth-child(1) > header > div > nav > button:nth-child(8)

Kontext: <button type="button" class="ml-4 inline-block whitespace-nowrap rounded-md bg-[#6fa0cc] px-4 py-2 text-white text-base font-medium hover:bg-[#5b8bb4] focus:outline-none focus:r...

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

Selector: #hero > div:nth-child(2) > a > button

Kontext: <button class="bg-white text-primary px-4 py-2 md:hover:bg-contrast transition rounded-lg hover:scale-105 transition-transform duration-500 ease-out"> Event starten </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.61:1. Recommendation: change background to #2a7cb1.

Selector: #genussimalltag > div > div:nth-child(2) > div:nth-child(4) > a

Kontext: <a href="#contactform" class="inline-flex items-center rounded-lg bg-primary text-white px-4 py-2 font-medium transition-colors duration-200 md:hover:bg-[#4b90d0] focus:outline-...

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

Selector: #privatgeniessen > div > div:nth-child(2) > div:nth-child(4) > a

Kontext: <a href="#contactform" class="inline-flex items-center rounded-lg bg-primary text-white px-4 py-2 font-medium transition-colors duration-200 md:hover:bg-[#4b90d0] focus:outline-...

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

Selector: #businessevents > div > div:nth-child(2) > div:nth-child(4) > a

Kontext: <a href="#contactform" class="inline-flex items-center rounded-lg bg-primary text-white px-4 py-2 font-medium transition-colors duration-200 md:hover:bg-[#4b90d0] focus:outline-...

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

Selector: #kultur > div > div:nth-child(2) > div:nth-child(4) > a

Kontext: <a href="#contactform" class="inline-flex items-center rounded-lg bg-primary text-white px-4 py-2 font-medium transition-colors duration-200 md:hover:bg-[#4b90d0] focus:outline-...

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

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

Kontext: <p class="text-sm uppercase tracking-wide text-primary font-medium">Kontakt &amp; Anfahrt</p>

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

Selector: #contactform > div > div:nth-child(2) > div:nth-child(2) > h3

Kontext: <h3 class="font-serif text-xl md:text-2xl text-primary mt-2">Besuche uns in der Hafencity</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 2.61:1. Recommendation: change text colour to #2a7cb1.

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

Kontext: <a href="tel:0402840784715" class="underline text-primary hover:text-primary/80 transition-colors duration-300"> +040 2840 7847 15 </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.61:1. Recommendation: change text colour to #2a7cb1.

Selector: #contactform > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(4) > a

Kontext: <a href="https://maps.app.goo.gl/f48RWzXv4yMmvYLX9" target="_blank" rel="noopener" class="underline text-primary hover:text-primary/80 transition-colors duration-300"> In Google...

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

Selector: #contactform > div > form > div > div:nth-child(1) > label > span

Kontext: <span class="text-gray-400 text-xs">(Pflichtfeld)</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 2.31:1. Recommendation: change text colour to #000205.

Selector: #contactform > div > form > div > div:nth-child(2) > label > span

Kontext: <span class="text-gray-400 text-xs">(Pflichtfeld)</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 2.31:1. Recommendation: change text colour to #000205.

Selector: #contactform > div > form > div > div:nth-child(3) > label > span

Kontext: <span class="text-gray-400 text-xs">(Pflichtfeld)</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 2.31:1. Recommendation: change text colour to #000205.

Selector: #contactform > div > form > div > div:nth-child(4) > label > span

Kontext: <span class="text-gray-400 text-xs">(Optional)</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 2.31:1. Recommendation: change text colour to #000205.

Selector: #contactform > div > form > div > div:nth-child(5) > label > span

Kontext: <span class="text-gray-400 text-xs">(Pflichtfeld)</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 2.61:1. Recommendation: change background to #2a7cb1.

Selector: #contactform > div > form > div > button > span

Kontext: <span>Anfrage abschicken</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 2.31:1. Recommendation: change text colour to #000205.

Selector: #contactform > div > form > div > p

Kontext: <p class="text-gray-400 text-sm pt-4"> Mit dem Absenden des Formulars...</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 2.31:1. Recommendation: change text colour to #000205.

Selector: #contactform > div > form > div > p > a

Kontext: <a href="/datenschutz" class="underline">Datenschutzerklärung</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.09:1. Recommendation: change background to #2c837b.

Selector: #contactform > div > div:nth-child(4) > div:nth-child(3) > h4

Kontext: <h4 class="text-white font-serif text-xl">Für dich und deine Gäste empfeh...</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 2.09:1. Recommendation: change text colour to #2c837b.

Selector: #contactform > div > div:nth-child(4) > div:nth-child(3) > div > a:nth-child(1)

Kontext: <a href="https://baltica-hamburg.de/zimmer" target="_blank" class="inline-block rounded-lg bg-white text-[#6BC2BA] px-4 py-2 font-medium transition-colors"> Zimmer im baltica bu...

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

Selector: #contactform > div > div:nth-child(4) > div:nth-child(3) > div > a:nth-child(2)

Kontext: <a href="https://baltica-hamburg.de" target="_blank" class="block text-white mt-4 md:mt-0"> Mehr Informationen </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.59:1. Recommendation: change background to #767676.

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

Kontext: <p class="text-white text-xl md:text-sm" data-v-5807f675="">Dein Hafen für individuelle Eve...</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.59:1. Recommendation: change background to #767676.

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

Kontext: <a href="" class="text-white" data-v-5807f675=""> Shanghaiallee 12, 20457 Hambur...</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.59:1. Recommendation: change background to #767676.

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

Kontext: <a href="tel:040 2840 7847 15" class="text-white" data-v-5807f675=""> 040 2840 7847 15 </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.59:1. Recommendation: change background to #767676.

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

Kontext: <a class="block underline text-center md:text-left hover:opacity-90 cursor-pointer" data-v-5807f675="">Start</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.59:1. Recommendation: change background to #767676.

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

Kontext: <a class="block underline text-center md:text-left hover:opacity-90 cursor-pointer" data-v-5807f675="">Privat genießen</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.59:1. Recommendation: change background to #767676.

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

Kontext: <a class="block underline text-center md:text-left hover:opacity-90 cursor-pointer" data-v-5807f675="">Business Events</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.59:1. Recommendation: change background to #767676.

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

Kontext: <a class="block underline text-center md:text-left hover:opacity-90 cursor-pointer" data-v-5807f675="">Kultur 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.59:1. Recommendation: change background to #767676.

Selector: #__nuxt > div > div > div:nth-child(2) > div > div:nth-child(3) > div > nav:nth-child(1) > a:nth-child(5)

Kontext: <a class="block underline text-center md:text-left hover:opacity-90 cursor-pointer" data-v-5807f675="">Events für alle</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.59:1. Recommendation: change background to #767676.

Selector: #__nuxt > div > div > div:nth-child(2) > div > div:nth-child(3) > div > nav:nth-child(1) > a:nth-child(6)

Kontext: <a class="block underline text-center md:text-left hover:opacity-90 cursor-pointer" data-v-5807f675="">Ü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.59:1. Recommendation: change background to #767676.

Selector: #__nuxt > div > div > div:nth-child(2) > div > div:nth-child(3) > div > nav:nth-child(1) > a:nth-child(7)

Kontext: <a class="block underline text-center md:text-left hover:opacity-90 cursor-pointer" data-v-5807f675="">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.59:1. Recommendation: change background to #767676.

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

Kontext: <a href="/impressum" class="block underline hover:opacity-90 text-gray-300 md:text-white" data-v-5807f675="">Impressum</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.59:1. Recommendation: change background to #767676.

Selector: #__nuxt > div > div > div:nth-child(2) > div > div:nth-child(3) > div > nav:nth-child(2) > a:nth-child(2)

Kontext: <a href="/datenschutz" class="block underline hover:opacity-90 text-gray-300 md:text-white" data-v-5807f675="">Datenschutz</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.59:1. Recommendation: change background to #767676.

Selector: #__nuxt > div > div > div:nth-child(2) > div > div:nth-child(3) > div > nav:nth-child(2) > a:nth-child(3)

Kontext: <a href="/agb" class="block underline hover:opacity-90 text-gray-300 md:text-white" data-v-5807f675="">AGB</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.59:1. Recommendation: change background to #767676.

Selector: #__nuxt > div > div > div:nth-child(2) > div > div:nth-child(3) > div > nav:nth-child(2) > a:nth-child(4)

Kontext: <a href="/barrierefreiheit" class="block underline hover:opacity-90 text-gray-300 md:text-white" data-v-5807f675="">Barrierefreiheit</a>

Originalmeldung: A title should be provided for the document, using a non-empty title element in the head section.

Selector: html > head

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

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"> <m...</html>