Aktueller Check

tsv-pfersee.de

https://tsv-pfersee.de

Geprüfte URL: https://tsv-pfersee.de/ Seite öffnen

Letzter Scan am 07.04.2026, 18:59

Kritisch 49 Probleme 2 Kategorien mit Problemen

Diese Website hat kritische Probleme mit der Barrierefreiheit und sollte priorisiert überarbeitet werden.

Score

0

Automatisch berechnete Bewertung für den neuesten Scan.

Score

0

Status

Kritisch

Probleme

49

Kategorien

2

Letzter Scan

07.04.2026, 18:59

Automatische Scans dienen als Orientierung und ersetzen keine vollständige manuelle Prüfung. Mehr dazu

Wie sich der Score zusammensetzt

Probleme im Überblick

Schneller Überblick über die Arten von Problemen im neuesten Scan.

Kategorie

Kontrast

21 Probleme

Kategorie

Labels

28 Probleme

Alle gefundenen Probleme

Die Probleme des neuesten Scans sind nach Kategorie gruppiert und verständlicher beschrieben.

Kontrast

21 Probleme

21 Probleme Alle Probleme anzeigen

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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">31. Mär 2026</time>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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">31. Mär 2026</time>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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">31. Mär 2026</time>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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...

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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-4">Hessenbachstraße 45, 86156 Augs...</p>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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">Satzung</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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">Impressum</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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">Datenschutz</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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(2) > p

Kontext: <p class="text-[9px] uppercase tracking-[0.3em] text-zinc-600 mb-2">© 2026 TSV Pfersee</p>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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(2) > a > span:nth-child(1)

Kontext: <span>Made with</span>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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

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

Kontext: <span class="text-red-700 group-hover:scale-150 transition-transform inline-block">♥</span>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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(2) > a > span:nth-child(3)

Kontext: <span>by</span>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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(2) > a > span:nth-child(4)

Kontext: <span class="font-black group-hover:text-white">Cronusoft</span>

Labels

28 Probleme

28 Probleme Alle Probleme anzeigen

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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-04-07" class="border-b-2 border-zinc-100 py-2 outline-none focus:border-red-600 transition" required="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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="">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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-...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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-...

Historie

1 Scan insgesamt

07.04.2026, 18:59

Aktueller Scan

https://tsv-pfersee.de/

Erster Scan

Score

0

Status

Kritisch

Probleme

49

Wie barrierefrei ist tsv-pfersee.de aktuell?

Kurze Einordnung des aktuellen automatischen Scans mit den wichtigsten Signalen zu Status, Problemen und Entwicklung.

tsv-pfersee.de erreichte im neuesten automatischen Scan vom 07.04.2026, 18:59 den Status Kritisch bei einem Score von 0.

Auffällig waren vor allem Probleme in den Bereichen Labels und Kontrast. Insgesamt wurden 49 Probleme in 2 Kategorien erkannt.

Fehlende oder unklare Beschriftungen machen Eingabefelder schwer verständlich und führen schnell zu Unsicherheit in Formularen. Mehr dazu im Themenartikel Formulare .

Der Eintrag basiert auf einem automatischen Scan und dient als Orientierung. Für eine verlässliche Gesamtbewertung der Barrierefreiheit bleibt eine manuelle Prüfung wichtig.

Wie istbarrierefrei.de scannt und wie der Score einzuordnen ist, erklärt der Artikel Wie der Score auf istbarrierefrei.de zustande kommt .

Mehr zur Einordnung solcher Ergebnisse steht im Artikel Automatische Scans richtig einordnen .

Weiterführende Informationen

Wenn Sie das Ergebnis besser einordnen möchten, finden Sie hier zwei weiterführende Artikel aus dem Themenbereich.

© 2026 istbarrierefrei.de

Ein Projekt von studiokpz