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

Selector: #main > div:nth-child(3) > div:nth-child(1) > span

Kontext: <span class="text-[var(--store-primary)] uppercase tracking-[0.2em] font-bold text-sm mb-4 block label-style"> ANNO 1990 ...</span>

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

Selector: #main > div:nth-child(3) > div:nth-child(1) > h1 > span

Kontext: <span class="block mt-2 text-4xl text-white sm:text-5xl lg:text-6xl"> Gasthausbr...</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.07:1. Recommendation: change background to #787671.

Selector: #main > div:nth-child(3) > div:nth-child(1) > div > p:nth-child(1)

Kontext: <p> Die erste ...</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 1.5:1. Recommendation: change text colour to #0e0e0e.

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

Kontext: <p lang="en" class="lang-en mt-4 text-lg"> The first ...</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 1.07:1. Recommendation: change background to #96948f.

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

Kontext: <h3 class="text-4xl font-heading leading-none tracking-tight text-white uppercase font-bold">Tisch<br><span class="text-[var...</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.37:1. Recommendation: change text colour to #00040c.

Selector: #main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(2) > div > div > span

Kontext: <span class="text-[10px] uppercase tracking-[0.3em] text-gray-400 font-bold">Bremen</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.39:1. Recommendation: change background to #fcfaf5.

Selector: #booking-facade > div:nth-child(1) > div:nth-child(1) > label

Kontext: <label class="block text-[10px] uppercase tracking-[0.2em] text-[var(--store-primary)] mb-2 font-bold">Datum wählen</label>

Originalmeldung: This dateinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #book_date

Kontext: <input type="date" id="book_date" required="" class="h-[52px] w-full bg-black/40 border border-white/10 rounded px-4 py-3 text-white focus:border-[var(--store-primary)] 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 4.39:1. Recommendation: change background to #fcfaf5.

Selector: #booking-facade > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > label

Kontext: <label class="block text-[10px] uppercase tracking-[0.2em] text-[var(--store-primary)] mb-2 font-bold">Uhrzeit</label>

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

Selector: #booking-facade > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > label

Kontext: <label class="block text-[10px] uppercase tracking-[0.2em] text-[var(--store-primary)] mb-2 font-bold">Gäste</label>

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

Selector: #about > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h4 > span

Kontext: <span class="text-[var(--store-primary)]">Restaurant</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.37:1. Recommendation: change text colour to #00040c.

Selector: #about > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > span:nth-child(1) > span

Kontext: <span class="font-normal text-xs text-gray-400 italic">Mon - Thu</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.37:1. Recommendation: change text colour to #00040c.

Selector: #about > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > span:nth-child(1) > span

Kontext: <span class="font-normal text-xs text-gray-400 italic">Fri &amp; Sat</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.37:1. Recommendation: change text colour to #00040c.

Selector: #about > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span

Kontext: <span class="font-normal text-xs text-gray-400 italic">Sunday</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.9:1. Recommendation: change text colour to #fffdfc.

Selector: #beer > div > div:nth-child(1) > span

Kontext: <span class="text-[var(--store-primary)] uppercase tracking-widest text-sm font-bold">Gut gebraut im Schüttinger</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.42:1. Recommendation: change text colour to #fffcfb.

Selector: #beer > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > span

Kontext: <span class="text-xs font-bold tracking-widest text-[var(--store-primary)] uppercase mb-2">Der Klassiker</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.42:1. Recommendation: change text colour to #fffcfb.

Selector: #beer > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > span

Kontext: <span class="text-xs font-bold tracking-widest text-[var(--store-primary)] uppercase mb-2">Unser Rotes</span>

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

Selector: #happyhour > div:nth-child(2) > div > div:nth-child(1) > h2 > span

Kontext: <span class="text-[var(--store-secondary)]">Happy Hour</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.39:1. Recommendation: change background to #fcfaf5.

Selector: #btn-toggle-menu

Kontext: <button id="btn-toggle-menu" class="btn-primary-inverse cursor-pointer px-12"> <svg class="w-...</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.9:1. Recommendation: change background to #fffdfc.

Selector: #delivery > div > div > div:nth-child(1) > div:nth-child(3) > span

Kontext: <span class="font-bold text-[var(--store-secondary)] text-base ml-2 block sm:inline">Wir liefern direkt zu Dir – ode...</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.9:1. Recommendation: change background to #fffdfc.

Selector: #delivery > div > div > div:nth-child(2) > div:nth-child(4) > span

Kontext: <span class="text-[var(--store-secondary)] text-xs uppercase tracking-widest font-bold">Selbstabholung <span class="tex...</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.9:1. Recommendation: change text colour to #fffdfc.

Selector: #events > div > div:nth-child(1) > div:nth-child(1) > span

Kontext: <span class="text-[var(--store-primary)] uppercase tracking-widest text-sm font-bold"> Party ...</span>

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

Selector: #events > div > div:nth-child(1) > div:nth-child(1) > h2 > span

Kontext: <span class="text-[var(--store-primary)]">Schüttinger</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.9:1. Recommendation: change text colour to #fffdfc.

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

Kontext: <p class="text-[var(--store-primary)] font-bold"> Je...</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.9:1. Recommendation: change text colour to #fffdfc.

Selector: #events > div > div:nth-child(1) > div:nth-child(2) > a:nth-child(2) > div:nth-child(3) > span:nth-child(1)

Kontext: <span class="text-[var(--store-primary)] font-bold tracking-widest uppercase text-xs mb-2 block">Event Dinner</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.9:1. Recommendation: change text colour to #fffdfc.

Selector: #events > div > div:nth-child(1) > div:nth-child(2) > a:nth-child(2) > div:nth-child(3) > span:nth-child(4)

Kontext: <span class="btn-primary-inverse text-xs px-6 py-2">Mission Starten</span>

Originalmeldung: This dateinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #contactForm > div:nth-child(5) > div:nth-child(1) > input

Kontext: <input type="date" name="date" required="" class="h-12 w-full min-w-0 appearance-none bg-black/30 text-white border border-gray-600 p-3 focus:border-[var(--store-primary)] focus...

Originalmeldung: This timeinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #contactForm > div:nth-child(5) > div:nth-child(2) > input

Kontext: <input type="time" name="time" required="" class="h-12 w-full bg-black/30 text-white border border-gray-600 p-3 focus:border-[var(--store-primary)] focus:outline-none rounded-sm...

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

Selector: #location > div > div:nth-child(1) > span

Kontext: <span class="text-[var(--store-secondary)] uppercase tracking-widest text-sm font-bold">Schüttinger Gasthausbrauerei</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.9:1. Recommendation: change text colour to #fffdfc.

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

Kontext: <p class="uppercase tracking-wider text-[var(--store-primary)] font-bold">Schüttinger Gasthausbrauerei Gm...</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.9:1. Recommendation: change text colour to #fffdfc.

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

Kontext: <p class="uppercase tracking-wider text-[var(--store-primary)] font-bold text-xs mb-3">Service</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.9:1. Recommendation: change text colour to #fffdfc.

Selector: html > body > footer > div > div:nth-child(5) > span

Kontext: <span class="text-[var(--store-primary)]">•</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.7:1. Recommendation: change text colour to #fffbfb.

Selector: #cookie-banner > div:nth-child(1) > p > a

Kontext: <a href="datenschutz.html" class="text-[var(--store-primary)] underline hover:text-white">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 4.46:1. Recommendation: change background to #e51c14.

Selector: #btn-accept

Kontext: <button id="btn-accept" class="bg-[var(--store-primary)] text-black px-6 py-3 text-xs font-bold uppercase tracking-widest hover:bg-white transition-colors rounded-sm shadow-lg">...

Originalmeldung: This link points to a named anchor "reservation" within the document, but no anchor exists with that name.

Selector: #mobile-menu > a:nth-child(8)

Kontext: <a href="#reservation" class="text-[var(--store-primary)] font-bold uppercase tracking-wider">Tisch Reservieren</a>

Originalmeldung: This timeinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #book_time

Kontext: <input type="time" id="book_time" required="" value="19:00" class="h-[52px] w-full bg-black/40 border border-white/10 rounded px-4 py-3 text-white focus:border-[var(--store-prim...

Originalmeldung: This select element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #book_guests

Kontext: <select id="book_guests" class="h-[52px] w-full bg-black/40 border border-white/10 rounded px-4 py-3 text-white focus:border-[var(--store-primary)] outline-none transition-all c...

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: #book_guests

Kontext: <select id="book_guests" class="h-[52px] w-full bg-black/40 border border-white/10 rounded px-4 py-3 text-white focus:border-[var(--store-primary)] outline-none transition-all c...

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

Kontext: <input type="text" name="url" class="hidden" tabindex="-1" autocomplete="off">

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

Kontext: <input type="text" name="url" class="hidden" tabindex="-1" autocomplete="off">

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: #contactForm > div:nth-child(3) > div:nth-child(1) > input

Kontext: <input type="text" name="vorname" required="" class="h-12 w-full bg-black/30 text-white border border-gray-600 p-3 focus:border-[var(--store-primary)] focus:outline-none rounded...

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: #contactForm > div:nth-child(3) > div:nth-child(1) > input

Kontext: <input type="text" name="vorname" required="" class="h-12 w-full bg-black/30 text-white border border-gray-600 p-3 focus:border-[var(--store-primary)] focus:outline-none rounded...

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: #contactForm > div:nth-child(3) > div:nth-child(2) > input

Kontext: <input type="text" name="nachname" required="" class="h-12 w-full bg-black/30 text-white border border-gray-600 p-3 focus:border-[var(--store-primary)] focus:outline-none rounde...

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: #contactForm > div:nth-child(3) > div:nth-child(2) > input

Kontext: <input type="text" name="nachname" required="" class="h-12 w-full bg-black/30 text-white border border-gray-600 p-3 focus:border-[var(--store-primary)] focus:outline-none rounde...

Originalmeldung: This emailinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #contactForm > div:nth-child(4) > div:nth-child(1) > input

Kontext: <input type="email" name="email" required="" class="h-12 w-full bg-black/30 text-white border border-gray-600 p-3 focus:border-[var(--store-primary)] focus:outline-none rounded-...

Originalmeldung: This telinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #contactForm > div:nth-child(4) > div:nth-child(2) > input

Kontext: <input type="tel" name="phone" required="" class="h-12 w-full bg-black/30 text-white border border-gray-600 p-3 focus:border-[var(--store-primary)] focus:outline-none rounded-sm">

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: #contactForm > div:nth-child(8) > input

Kontext: <input type="text" name="participants" required="" placeholder="z.B. 20 Personen" class="h-12 w-full bg-black/30 text-white border border-gray-600 p-3 focus:border-[var(--store-...

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: #contactForm > div:nth-child(8) > input

Kontext: <input type="text" name="participants" required="" placeholder="z.B. 20 Personen" class="h-12 w-full bg-black/30 text-white border border-gray-600 p-3 focus:border-[var(--store-...

Originalmeldung: This textarea element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #contactForm > div:nth-child(9) > textarea

Kontext: <textarea name="message" rows="4" class="w-full bg-black/30 text-white border border-gray-600 p-3 focus:border-[var(--store-primary)] focus:outline-none rounded-sm"></textarea>

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: #contactForm > div:nth-child(9) > textarea

Kontext: <textarea name="message" rows="4" class="w-full bg-black/30 text-white border border-gray-600 p-3 focus:border-[var(--store-primary)] focus:outline-none rounded-sm"></textarea>

Originalmeldung: This element has role of "button" but does not have a name available to an accessibility API. Valid names are: element content, aria-label , aria-labelledby .

Selector: #map > div:nth-child(1) > div:nth-child(4) > img

Kontext: <img src="https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" alt="Marker" tabindex="0" role="butt...

Originalmeldung: This link points to a named anchor "close" within the document, but no anchor exists with that name.

Selector: #map > div:nth-child(1) > div:nth-child(6) > div > a

Kontext: <a class="leaflet-popup-close-button" role="button" aria-label="Close popup" href="#close"><span aria-hidden="true">×</spa...</a>

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

Selector: #special-title

Kontext: <h3 id="special-title" class="text-3xl mb-2 text-white font-heading uppercase"> </h3>