Aktueller Check

okerdach.de

https://okerdach.de

Geprüfte URL: https://okerdach.de/ Seite öffnen

Letzter Scan am 09.04.2026, 05:50

Mittel 14 Probleme 1 Kategorien mit Problemen

Diese Website weist mehrere Probleme mit der Barrierefreiheit auf, insbesondere in den Bereichen Kontrast.

Score

63

Automatisch berechnete Bewertung für den neuesten Scan.

Score

63

Status

Mittel

Probleme

14

Kategorien

1

Letzter Scan

09.04.2026, 05:50

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

14 Probleme

Alle gefundenen Probleme

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

Kontrast

14 Probleme

14 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.34:1. Recommendation: change background to #b36100.

Selector: html > body > header > div > div > nav > a:nth-child(6)

Kontext: <a href="https://wa.me/491635980754?text=Hallo%2C%20ich%20interessiere%20mich%20f%C3%BCr%20eine%20%C3%9Cberdachung.%20K%C3%B6nnten%20Sie%20mich%20beraten%3F" target="_blank" rel...

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

Selector: html > body > main > section:nth-child(1) > div:nth-child(10) > h1

Kontext: <h1 class="font-heading font-extrabold text-[clamp(1.25rem,4.8vw,3.75rem)] text-white leading-[1.1] tracking-tight mb-4 sm:mb-5 uppercase">Terrassenüberdachungen,<br><spa...</h1>

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

Selector: html > body > main > section:nth-child(1) > div:nth-child(10) > h1 > span:nth-child(2)

Kontext: <span class="text-[var(--orange)]">Wintergärten</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 3:1, but text in this element has a contrast ratio of 2.34:1. Recommendation: change text colour to #de7c08.

Selector: html > body > main > section:nth-child(1) > div:nth-child(10) > h1 > span:nth-child(3)

Kontext: <span class="text-[var(--orange)]">Carports</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.34:1. Recommendation: change background to #b36100.

Selector: html > body > main > section:nth-child(1) > div:nth-child(10) > a

Kontext: <a href="https://wa.me/491635980754?text=Hallo%2C%20ich%20interessiere%20mich%20f%C3%BCr%20eine%20%C3%9Cberdachung.%20K%C3%B6nnten%20Sie%20mich%20beraten%3F" target="_blank" rel...

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.21:1. Recommendation: change text colour to #180d00.

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

Kontext: <span class="font-sans text-xs font-bold text-[var(--orange)] tracking-[0.35em] uppercase">Unsere Leistungen</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.21:1. Recommendation: change text colour to #180d00.

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

Kontext: <span class="font-sans text-xs font-bold text-[var(--orange)] tracking-[0.35em] uppercase">Jetzt planen</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.34:1. Recommendation: change text colour to #fefeff.

Selector: #td3d-okerdach > div:nth-child(3) > a

Kontext: <a href="https://3d-terrassen.de" target="_blank" rel="noopener" style="font-size:11px;color:#475569;text-decoration:none;letter-spacing:0.3px">Powered by 3D-Terrassen</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.34:1. Recommendation: change text colour to #b36100.

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

Kontext: <span class="font-sans text-xs sm:text-sm font-bold text-[var(--orange)] tracking-[0.35em] uppercase">Unsere Projekte</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.34:1. Recommendation: change text colour to #b36100.

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

Kontext: <span class="font-sans text-xs font-bold text-[var(--orange)] tracking-[0.35em] uppercase">Über OKERDACH</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.34:1. Recommendation: change text colour to #b36100.

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

Kontext: <a href="#kontakt" class="inline-flex items-center gap-2 mt-8 font-heading font-bold text-sm text-[var(--orange)] hover:text-[var(--orange-deep)] tracking-wider uppercase transi...

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.21:1. Recommendation: change text colour to #180d00.

Selector: html > body > main > section:nth-child(7) > div:nth-child(2) > div:nth-child(1) > div > span:nth-child(2)

Kontext: <span class="font-sans text-xs font-bold text-[var(--orange)] tracking-[0.35em] uppercase">Einzugsgebiet</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.34:1. Recommendation: change background to #b36100.

Selector: html > body > main > section:nth-child(7) > div:nth-child(2) > div:nth-child(3) > a:nth-child(1)

Kontext: <a class="font-heading font-semibold text-sm px-5 py-2.5 rounded-full transition-all duration-300 border bg-[var(--orange)] text-white border-[var(--orange)] shadow-[0_4px_16px_...

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

Selector: html > body > main > section:nth-child(8) > div > div:nth-child(1) > div > span:nth-child(2)

Kontext: <span class="font-sans text-xs font-bold text-[var(--orange)] tracking-[0.35em] uppercase">Häufige Fragen</span>

Historie

1 Scan insgesamt

09.04.2026, 05:50

Aktueller Scan

https://okerdach.de/

Erster Scan

Score

63

Status

Mittel

Probleme

14

Wie barrierefrei ist okerdach.de aktuell?

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

okerdach.de erreichte im neuesten automatischen Scan vom 09.04.2026, 05:50 den Status Mittel bei einem Score von 63.

Auffällig waren vor allem Probleme in den Bereichen Kontrast. Insgesamt wurden 14 Probleme in 1 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