tsv-pfersee.de

Originalmeldung: Duplicate id attribute value "mobile-menu" found on the web page.

Selector: #mobile-menu

Kontext: <div id="mobile-menu" class="fixed inset-0 top-[4rem] md:top-20 bg-red-800 z-[55] transform translate-x-full transition-transform duration-300 ease-in-out flex flex-col p-6 spac...

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.46:1. Recommendation: change text colour to #72727b.

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

Kontext: <a href="/news/" class="text-[10px] font-bold uppercase tracking-widest text-zinc-400 hover:text-red-600 transition">Alle News →</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.56:1. Recommendation: change text colour to #75757e.

Selector: #news > div:nth-child(2) > article:nth-child(1) > div:nth-child(2) > time

Kontext: <time class="text-[10px] text-zinc-400 font-bold uppercase">12. Jun 2026</time>

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.56:1. Recommendation: change text colour to #75757e.

Selector: #news > div:nth-child(2) > article:nth-child(2) > div:nth-child(2) > time

Kontext: <time class="text-[10px] text-zinc-400 font-bold uppercase">04. Mai 2026</time>

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.56:1. Recommendation: change text colour to #75757e.

Selector: #news > div:nth-child(2) > article:nth-child(3) > div:nth-child(2) > time

Kontext: <time class="text-[10px] text-zinc-400 font-bold uppercase">22. Apr 2026</time>

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.56:1. Recommendation: change text colour to #75757e.

Selector: #turniere > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > form > div > div:nth-child(2) > div:nth-child(1) > label

Kontext: <label class="text-[10px] font-black uppercase text-zinc-400 mb-1 ml-1 italic">Verein / Teamname</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 2.56:1. Recommendation: change text colour to #75757e.

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

Kontext: <label class="text-[10px] font-black uppercase text-zinc-400 mb-1 ml-1 italic">Ansprechpartner</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 2.56:1. Recommendation: change text colour to #75757e.

Selector: #turniere > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > form > div > div:nth-child(3) > div:nth-child(1) > label

Kontext: <label class="text-[10px] font-black uppercase text-zinc-400 mb-1 ml-1 italic">E-Mail</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 2.56:1. Recommendation: change text colour to #75757e.

Selector: #turniere > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > form > div > div:nth-child(3) > div:nth-child(2) > label

Kontext: <label class="text-[10px] font-black uppercase text-zinc-400 mb-1 ml-1 italic">Telefon / Mobil</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 2.56:1. Recommendation: change text colour to #75757e.

Selector: #turniere > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > form > div > div:nth-child(4) > label

Kontext: <label class="text-[10px] font-black uppercase text-zinc-400 mb-1 ml-1 italic">Hinweise (z.B. Spielstärke)</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.47:1. Recommendation: change background to #b81b1b.

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

Kontext: <span class="text-red-200 font-black uppercase tracking-widest text-xs">Nachwuchs gesucht</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.54:1. Recommendation: change background to #00875b.

Selector: #probetraining > div > div:nth-child(2) > form > div:nth-child(4) > button

Kontext: <button type="submit" class="w-full md:w-auto bg-emerald-500 text-white font-black px-12 py-4 rounded-xl uppercase tracking-widest hover:bg-emerald-600 transition shadow-lg shad...

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.56:1. Recommendation: change text colour to #75757e.

Selector: #probetraining > div > div:nth-child(2) > form > div:nth-child(4) > p

Kontext: <p class="text-[9px] font-black uppercase text-zinc-400 italic"> Mi...</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.12:1. Recommendation: change text colour to #fefeff.

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

Kontext: <p class="text-xs text-zinc-500 leading-relaxed mb-6">Hessenbachstraße 45<br>86156 Au...</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.12:1. Recommendation: change text colour to #fefeff.

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

Kontext: <a href="/satzung/" class="hover:text-red-700 transition-colors">Satzung</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.12:1. Recommendation: change text colour to #fefeff.

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

Kontext: <a href="/impressum/" class="hover:text-red-700 transition-colors">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 4.12:1. Recommendation: change text colour to #fefeff.

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

Kontext: <a href="/datenschutz/" class="hover:text-red-700 transition-colors">Datenschutz</a>

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

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

Kontext: <a href="#" class="hover:text-white transition-colors"><i class="bi bi-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 > div:nth-child(2) > div:nth-child(2) > a:nth-child(2)

Kontext: <a href="#" class="hover:text-white transition-colors"><i class="bi bi-instagram"></i></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.57:1. Recommendation: change text colour to #fefeff.

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

Kontext: <p class="text-[9px] uppercase tracking-[0.3em] text-zinc-600">© 2026 TSV Pfersee</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.12:1. Recommendation: change text colour to #fefeff.

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

Kontext: <p class="text-xs text-zinc-500 mb-6 max-w-[200px]">Unterstützen Sie den Sport in P...</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: #mobile-menu > button

Kontext: <button onclick="toggleMobileMenu()" class="self-end text-white text-4xl mb-4 focus:outline-none"> <i class="bi bi-x-lg">...</button>

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: #turniere > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > form > div > div:nth-child(1) > select

Kontext: <select name="turnier_id" class="w-full p-3 bg-zinc-100 rounded-xl border-none outline-none focus:ring-2 focus:ring-red-600 font-bold text-sm" required=""> ...</select>

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: #turniere > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > form > div > div:nth-child(1) > select

Kontext: <select name="turnier_id" class="w-full p-3 bg-zinc-100 rounded-xl border-none outline-none focus:ring-2 focus:ring-red-600 font-bold text-sm" required=""> ...</select>

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

Kontext: <input type="text" name="team_name" placeholder="z.B. FC Beispielstadt" class="w-full p-3 bg-zinc-100 rounded-xl border-none outline-none focus:ring-2 focus:ring-red-600" requir...

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

Kontext: <input type="text" name="team_name" placeholder="z.B. FC Beispielstadt" class="w-full p-3 bg-zinc-100 rounded-xl border-none outline-none focus:ring-2 focus:ring-red-600" requir...

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

Kontext: <input type="text" name="ansprechpartner" placeholder="Vor- &amp; Nachname" class="w-full p-3 bg-zinc-100 rounded-xl border-none outline-none focus:ring-2 focus:ring-red-600" re...

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

Kontext: <input type="text" name="ansprechpartner" placeholder="Vor- &amp; Nachname" class="w-full p-3 bg-zinc-100 rounded-xl border-none outline-none focus:ring-2 focus:ring-red-600" re...

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

Kontext: <input type="email" name="email" placeholder="mail@verein.de" class="w-full p-3 bg-zinc-100 rounded-xl border-none outline-none focus:ring-2 focus:ring-red-600" required="">

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

Kontext: <input type="text" name="telefon" placeholder="0176..." class="w-full p-3 bg-zinc-100 rounded-xl border-none outline-none focus:ring-2 focus:ring-red-600" 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: #turniere > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > form > div > div:nth-child(3) > div:nth-child(2) > input

Kontext: <input type="text" name="telefon" placeholder="0176..." class="w-full p-3 bg-zinc-100 rounded-xl border-none outline-none focus:ring-2 focus:ring-red-600" required="">

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: #turniere > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > form > div > div:nth-child(4) > textarea

Kontext: <textarea name="hinweis" rows="2" class="w-full p-3 bg-zinc-100 rounded-xl border-none outline-none focus:ring-2 focus:ring-red-600 resize-none"></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: #turniere > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > form > div > div:nth-child(4) > textarea

Kontext: <textarea name="hinweis" rows="2" class="w-full p-3 bg-zinc-100 rounded-xl border-none outline-none focus:ring-2 focus:ring-red-600 resize-none"></textarea>

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

Kontext: <input type="text" name="vorname" class="bg-zinc-50 border-b-2 border-zinc-200 p-3 outline-none focus:border-red-600 transition rounded-t-lg" 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: #probetraining > div > div:nth-child(2) > form > div:nth-child(3) > div:nth-child(1) > input

Kontext: <input type="text" name="vorname" class="bg-zinc-50 border-b-2 border-zinc-200 p-3 outline-none focus:border-red-600 transition rounded-t-lg" required="">

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

Kontext: <input type="text" name="nachname" class="bg-zinc-50 border-b-2 border-zinc-200 p-3 outline-none focus:border-red-600 transition rounded-t-lg" 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: #probetraining > div > div:nth-child(2) > form > div:nth-child(3) > div:nth-child(2) > input

Kontext: <input type="text" name="nachname" class="bg-zinc-50 border-b-2 border-zinc-200 p-3 outline-none focus:border-red-600 transition rounded-t-lg" required="">

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

Kontext: <input type="date" name="geburtsdatum" class="bg-zinc-50 border-b-2 border-zinc-200 p-3 outline-none focus:border-red-600 transition rounded-t-lg" required="">

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

Kontext: <input type="tel" name="telefon" placeholder="0176 / 1234567" class="bg-zinc-50 border-b-2 border-zinc-200 p-3 outline-none focus:border-red-600 transition rounded-t-lg" require...

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

Kontext: <input type="email" name="email" class="bg-zinc-50 border-b-2 border-zinc-200 p-3 outline-none focus:border-red-600 transition rounded-t-lg" placeholder="eltern@beispiel.de" req...

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

Kontext: <select id="teamSelect" name="mannschaft" onchange="showTimes()" class="bg-zinc-50 border-b-2 border-zinc-200 p-3 outline-none focus:border-red-600 transition rounded-t-lg curso...

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

Kontext: <select id="teamSelect" name="mannschaft" onchange="showTimes()" class="bg-zinc-50 border-b-2 border-zinc-200 p-3 outline-none focus:border-red-600 transition rounded-t-lg curso...

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

Kontext: <input type="text" name="name" placeholder="Name" class="col-span-2 border-b-2 border-zinc-100 py-2 outline-none focus:border-red-600 transition" 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: #reservierung > div > div:nth-child(2) > form > div > input:nth-child(1)

Kontext: <input type="text" name="name" placeholder="Name" class="col-span-2 border-b-2 border-zinc-100 py-2 outline-none focus:border-red-600 transition" required="">

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

Kontext: <input type="email" name="email" placeholder="E-Mail" class="border-b-2 border-zinc-100 py-2 outline-none focus:border-red-600 transition" required="">

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

Kontext: <input type="tel" name="telefon" placeholder="Telefon" class="border-b-2 border-zinc-100 py-2 outline-none focus:border-red-600 transition" required="">

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: #reservierung > div > div:nth-child(2) > form > div > input:nth-child(4)

Kontext: <input type="date" name="datum" min="2026-06-18" class="border-b-2 border-zinc-100 py-2 outline-none focus:border-red-600 transition" required="">

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

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

Kontext: <input type="number" name="personen" placeholder="Personen" class="border-b-2 border-zinc-100 py-2 outline-none focus:border-red-600 transition" required="">

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: #reservierung > div > div:nth-child(2) > form > div > textarea

Kontext: <textarea name="bemerkung" placeholder="Deine Nachricht (Anlass, Uhrzeit etc.)" class="col-span-2 border-b-2 border-zinc-100 py-2 outline-none focus:border-red-600 transition h-...

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: #reservierung > div > div:nth-child(2) > form > div > textarea

Kontext: <textarea name="bemerkung" placeholder="Deine Nachricht (Anlass, Uhrzeit etc.)" class="col-span-2 border-b-2 border-zinc-100 py-2 outline-none focus:border-red-600 transition h-...

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

Kontext: <button onclick="closeContactModal()" class="absolute top-4 right-4 text-zinc-400 hover:text-red-600"><i class="bi bi-x-lg"></i></button>