Aktueller Check

knellendorf.com

https://knellendorf.com

Geprüfte URL: https://knellendorf.com/ Seite öffnen

Letzter Scan am 07.04.2026, 15:21

Kritisch 88 Probleme 3 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

88

Kategorien

3

Letzter Scan

07.04.2026, 15:21

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

51 Probleme

Kategorie

Links

2 Probleme

Kategorie

Labels

35 Probleme

Alle gefundenen Probleme

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

Kontrast

51 Probleme

51 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 1.92:1. Recommendation: change text colour to #767676.

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

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

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

Kontext: <div class="event-title">Raspeln</div>

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

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

Kontext: <div class="event-desc">im gesamten Ort</div>

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

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

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

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

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

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

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

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

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

Selector: #eventsGrid > div:nth-child(6) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

Selector: #eventsGrid > div:nth-child(7) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

Selector: #eventsGrid > div:nth-child(8) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

Selector: #eventsGrid > div:nth-child(9) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

Selector: #eventsGrid > div:nth-child(10) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

Selector: #eventsGrid > div:nth-child(11) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

Selector: #eventsGrid > div:nth-child(12) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

Selector: #eventsGrid > div:nth-child(13) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

Selector: #eventsGrid > div:nth-child(14) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

Selector: #eventsGrid > div:nth-child(15) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

Selector: #eventsGrid > div:nth-child(16) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="event-verein"><img draggable="false" role="im...</div>

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

Selector: #geschichte > p:nth-child(1)

Kontext: <p class="section-label">Seit dem Mittelalter</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.27:1. Recommendation: change background to #fbf6ee.

Selector: #geschichte-artikel > div > div > button

Kontext: <button onclick="toggleArtikel('geschichte-artikel', document.getElementById('btn-geschichte'))" style="font-family:'Bebas Neue',sans-serif; letter-spacing:.2em; font-size:.8rem...

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

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

Kontext: <p class="section-label">Rund um Knellendorf</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 2.29:1. Recommendation: change text colour to #927215.

Selector: #schloss-orte-kachel

Kontext: <a href="#geschichtliches" onclick="setTimeout(function(){toggleArtikel('schloss-artikel', document.getElementById('btn-schloss'), 'schloss-orte-kachel')},300)" id="schloss-orte...

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

Selector: #kathragrub-orte-kachel

Kontext: <a href="#geschichtliches" onclick="setTimeout(function(){toggleArtikel('kathragrub-artikel', document.getElementById('btn-kathragrub'), 'kathragrub-orte-kachel')},300)" id="kat...

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

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

Kontext: <p class="section-label">Aus der Vergangenheit</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 2.02:1. Recommendation: change text colour to #070500.

Selector: #kathragrub-artikel > div > div > div:nth-child(2)

Kontext: <div class="artikel-subtitle">Erstnennung 1339</div>

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

Selector: #kathragrub-artikel > div > div > div:nth-child(19) > a

Kontext: <a href="https://de.wikipedia.org/wiki/Kathragrub" target="_blank" rel="noopener" class="wiki-badge"><img draggable="false" role="im...</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.27:1. Recommendation: change background to #fbf6ee.

Selector: #kathragrub-artikel > div > div > div:nth-child(20) > button

Kontext: <button onclick="toggleArtikel('kathragrub-artikel', document.getElementById('btn-kathragrub'))" style="font-family:'Bebas Neue',sans-serif; letter-spacing:.2em; font-size:.8rem...

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

Selector: #schloss-artikel > div > div > div:nth-child(2)

Kontext: <div class="artikel-subtitle">Eine mittelalterliche Motte · E...</div>

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

Selector: #schloss-artikel > div > div > div:nth-child(15) > button

Kontext: <button onclick="toggleArtikel('schloss-artikel', document.getElementById('btn-schloss'))" style="font-family:'Bebas Neue',sans-serif; letter-spacing:.2em; font-size:.8rem; back...

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

Selector: #waldenfels-artikel > div > div > div:nth-child(2)

Kontext: <div class="artikel-subtitle">Die Ritterfamilie von Waldenfel...</div>

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

Selector: #waldenfels-artikel > div > div > div:nth-child(11) > a

Kontext: <a href="https://de.wikipedia.org/wiki/Waldenfels_(Adelsgeschlecht)" target="_blank" rel="noopener" class="wiki-badge"><img draggable="false" role="im...</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.27:1. Recommendation: change background to #fbf6ee.

Selector: #waldenfels-artikel > div > div > div:nth-child(12) > button

Kontext: <button onclick="toggleArtikel('waldenfels-artikel', document.getElementById('btn-waldenfels'))" style="font-family:'Bebas Neue',sans-serif; letter-spacing:.2em; font-size:.8rem...

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

Selector: #kapellen-artikel > div > div > div:nth-child(2)

Kontext: <div class="artikel-subtitle">Wegkapellen und Privatkapellen ...</div>

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

Selector: #kapellen-artikel > div > div > div:nth-child(16) > button

Kontext: <button onclick="toggleArtikel('kapellen-artikel', document.getElementById('btn-kapellen'))" style="font-family:'Bebas Neue',sans-serif; letter-spacing:.2em; font-size:.8rem; ba...

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

Selector: #heifatuotla-artikel > div > div > div:nth-child(2)

Kontext: <div class="artikel-subtitle">Der Knellendorfer Brauch des To...</div>

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 text colour to #fff.

Selector: #heifatuotla-artikel > div > div > div:nth-child(11) > p:nth-child(3)

Kontext: <p style="margin:.5rem 0 0; font-size:.82rem; color:var(--warm-gray); font-style:italic;"> Frei übersetzt: „Hoch ...</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 3.93:1. Recommendation: change text colour to #407254.

Selector: #heifatuotla-artikel > div > div > div:nth-child(18) > a

Kontext: <a href="https://de.wikipedia.org/wiki/Todaustragen" target="_blank" rel="noopener" class="wiki-badge"><img draggable="false" role="im...</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.27:1. Recommendation: change background to #fbf6ee.

Selector: #heifatuotla-artikel > div > div > div:nth-child(19) > button

Kontext: <button onclick="toggleArtikel('heifatuotla-artikel', document.getElementById('btn-heifatuotla'))" style="font-family:'Bebas Neue',sans-serif; letter-spacing:.2em; font-size:.8r...

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

Selector: #schule-artikel > div > div > h2

Kontext: <h2 style="font-family:'Source Serif 4',serif;font-size:1.2rem;font-weight:300;color:var(--moss);margin:-10px 0 30px">Zuerst ein Schulberg, dann ein ...</h2>

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

Selector: #schule-artikel > div > div > figure:nth-child(4) > figcaption

Kontext: <figcaption style="font-family:'Source Serif 4',serif;font-size:.95rem;color:var(--warm-gray);margin-top:10px;font-style:italic;line-height:1.5">Schulklasse 1928 mit Lehrer Nik....

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

Selector: #schule-artikel > div > div > div:nth-child(10) > figure:nth-child(1) > figcaption

Kontext: <figcaption style="font-family:'Source Serif 4',serif;font-size:.95rem;color:var(--warm-gray);margin-top:8px;font-style:italic;line-height:1.5">Schulklasse 1937 mit Oberlehrer.....

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

Selector: #schule-artikel > div > div > div:nth-child(10) > figure:nth-child(2) > figcaption

Kontext: <figcaption style="font-family:'Source Serif 4',serif;font-size:.95rem;color:var(--warm-gray);margin-top:8px;font-style:italic;line-height:1.5">Schulklasse 1963 mit Oberlehrer.....

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

Selector: #schule-artikel > div > div > figure:nth-child(12) > figcaption

Kontext: <figcaption style="font-family:'Source Serif 4',serif;font-size:.95rem;color:var(--warm-gray);margin-top:10px;font-style:italic;line-height:1.5">Schulklasse vor dem Schulgebäud....

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

Selector: #schule-artikel > div > div > button

Kontext: <button onclick="toggleArtikel('schule-artikel', document.getElementById('btn-schule'))" style="font-family:'Bebas Neue',sans-serif; letter-spacing:.2em; font-size:.8rem; backgr...

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

Selector: #raspeln-artikel > div > div > div:nth-child(2)

Kontext: <div class="artikel-subtitle" style="text-align:center;">Alter fränkischer Osterbrauch ·...</div>

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

Selector: #raspeln-artikel > div > div > div:nth-child(14) > button

Kontext: <button onclick="toggleArtikel('raspeln-artikel', document.getElementById('btn-raspeln'))" style="font-family:'Bebas Neue',sans-serif; letter-spacing:.2em; font-size:.8rem; back...

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

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

Kontext: <p class="section-label">Für registrierte Nutzer</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 3:1, but text in this element has a contrast ratio of 1.83:1. Recommendation: change text colour to #030200.

Selector: #gaestebuch > div > h2 > em

Kontext: <em style="color:var(--gold);font-style:italic;">Funk</em>

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

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

Kontext: <p class="section-label">Historische &amp; aktuelle Bild...</p>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

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

Kontext: <textarea id="lightboxKommentarText" rows="2" placeholder="Kommentar schreiben…" style="flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radi...

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

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

Kontext: <textarea id="lightboxKommentarText" rows="2" placeholder="Kommentar schreiben…" style="flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radi...

Labels

35 Probleme

35 Probleme Alle Probleme anzeigen

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

Kontext: <input type="email" id="loginEmail" placeholder="deine@email.de">

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

Technische Details anzeigen

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

Selector: #loginPass

Kontext: <input type="password" id="loginPass" placeholder="••••••••">

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

Kontext: <input type="password" id="loginPass" placeholder="••••••••">

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

Kontext: <input type="text" id="regVorname" placeholder="Max">

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

Kontext: <input type="text" id="regVorname" placeholder="Max">

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

Kontext: <input type="text" id="regNachname" placeholder="Mustermann">

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

Kontext: <input type="text" id="regNachname" placeholder="Mustermann">

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

Kontext: <input type="text" id="regAnzeigename" placeholder="z.B. Rainer oder Familie Baumann" autocomplete="nickname">

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

Kontext: <input type="text" id="regAnzeigename" placeholder="z.B. Rainer oder Familie Baumann" autocomplete="nickname">

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

Kontext: <input type="text" id="regEmail" placeholder="deine@email.de" autocomplete="email">

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

Kontext: <input type="text" id="regEmail" placeholder="deine@email.de" autocomplete="email">

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

Technische Details anzeigen

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

Selector: #regPass

Kontext: <input type="password" id="regPass" placeholder="Mindestens 8 Zeichen">

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

Kontext: <input type="password" id="regPass" placeholder="Mindestens 8 Zeichen">

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

Technische Details anzeigen

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

Selector: #regPass2

Kontext: <input type="password" id="regPass2" placeholder="Passwort bestätigen">

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

Kontext: <input type="password" id="regPass2" placeholder="Passwort bestätigen">

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

Kontext: <textarea id="newEntryText" rows="4" placeholder="Schreib etwas über Knellendorf, eine Erinnerung, einen Gruß …"></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: #newEntryText

Kontext: <textarea id="newEntryText" rows="4" placeholder="Schreib etwas über Knellendorf, eine Erinnerung, einen Gruß …"></textarea>

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: #reply-text-12

Kontext: <textarea id="reply-text-12" rows="3" placeholder="Deine Antwort …"></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: #reply-text-12

Kontext: <textarea id="reply-text-12" rows="3" placeholder="Deine Antwort …"></textarea>

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: #reply-text-11

Kontext: <textarea id="reply-text-11" rows="3" placeholder="Deine Antwort …"></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: #reply-text-11

Kontext: <textarea id="reply-text-11" rows="3" placeholder="Deine Antwort …"></textarea>

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: #reply-text-9

Kontext: <textarea id="reply-text-9" rows="3" placeholder="Deine Antwort …"></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: #reply-text-9

Kontext: <textarea id="reply-text-9" rows="3" placeholder="Deine Antwort …"></textarea>

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: #reply-text-8

Kontext: <textarea id="reply-text-8" rows="3" placeholder="Deine Antwort …"></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: #reply-text-8

Kontext: <textarea id="reply-text-8" rows="3" placeholder="Deine Antwort …"></textarea>

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: #reply-text-4

Kontext: <textarea id="reply-text-4" rows="3" placeholder="Deine Antwort …"></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: #reply-text-4

Kontext: <textarea id="reply-text-4" rows="3" placeholder="Deine Antwort …"></textarea>

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: #reply-text-3

Kontext: <textarea id="reply-text-3" rows="3" placeholder="Deine Antwort …"></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: #reply-text-3

Kontext: <textarea id="reply-text-3" rows="3" placeholder="Deine Antwort …"></textarea>

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: #reply-text-1

Kontext: <textarea id="reply-text-1" rows="3" placeholder="Deine Antwort …"></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: #reply-text-1

Kontext: <textarea id="reply-text-1" rows="3" placeholder="Deine Antwort …"></textarea>

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

Technische Details anzeigen

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

Selector: #fotoInput

Kontext: <input type="file" id="fotoInput" accept="image/*" onchange="previewFoto(event)">

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

Kontext: <input type="file" id="fotoInput" accept="image/*" onchange="previewFoto(event)">

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

Kontext: <textarea id="fotoKommentar" rows="3" placeholder="z.B. Die Friedenslinde um 1960 … (optional)"></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: #fotoKommentar

Kontext: <textarea id="fotoKommentar" rows="3" placeholder="z.B. Die Friedenslinde um 1960 … (optional)"></textarea>

Historie

1 Scan insgesamt

07.04.2026, 15:21

Aktueller Scan

https://knellendorf.com/

Erster Scan

Score

0

Status

Kritisch

Probleme

88

Wie barrierefrei ist knellendorf.com aktuell?

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

knellendorf.com erreichte im neuesten automatischen Scan vom 07.04.2026, 15:21 den Status Kritisch bei einem Score von 0.

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

Kontrastprobleme erschweren vor allem das Lesen kleiner oder weniger hervorgehobener Texte und fallen auf hellen Flächen oft zuerst auf. Mehr dazu im Themenartikel Kontraste .

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