Klaro

$0.00

Klaro ist ein WordPress-Theme, das von Grund auf mit Barrierefreiheit als Hauptfokus entwickelt wurde — nicht als Nachgedanke.

Während die meisten Themes Barrierefreiheit erst nach dem Design hinzufügen, beginnt Klaro mit WCAG-AAA-Konformität und baut alles darauf auf.

Download unter:
https://github.com/rafael-minuesa/klaro

- +

Hauptfunktionen

Visuelle Barrierefreiheit

  • WCAG-AAA-Kontrastverhältnisse (mindestens 7:1 für alle Texte)
  • Mehrere Farbmodi: Standard AAA, Hoher Kontrast, Monochrom
  • Benutzerdefinierbare Textgrößen: 18 px Basis (bis zu 32 px)
  • Großzügiger Zeilenabstand: 1,8 Zeilenhöhe standardmäßig
  • Optimale Zeilenlänge: Maximal 70 Zeichen für bessere Lesbarkeit

Tastatur- und motorische Barrierefreiheit

  • Vollständige Tastaturnavigation: Jede Funktion ist per Tastatur erreichbar
  • Gut sichtbare Fokus-Indikatoren: 3 px dicke, kontrastreiche Umrandungen
  • Große Touch-Ziele: Mindestens 44×44 px für alle interaktiven Elemente
  • Umfassende Sprunglinks: Zu Navigation, Hauptinhalt, Seitenleiste und Footer springen

Screenreader-Optimierung

  • Semantische HTML5-Struktur: Korrekte Überschriftenhierarchie durchgängig
  • Umfassende ARIA-Implementierung: Landmarken, Labels, Live-Regionen
  • Aussagekräftiger Linktext: Keine „Klicken Sie hier“- oder generischen Links
  • Alt-Text-Erzwingung: Verhindert die Veröffentlichung ohne Bildbeschreibungen
  • Breadcrumb-Navigation: Schema.org-strukturierte Daten auf allen Seiten

Kognitive und Bewegungs-Barrierefreiheit

  • Respektiert prefers-reduced-motion: Keine ungewollten Animationen
  • Benutzer-Umschalter für Animationen: Volle Kontrolle über Bewegung
  • Kein Autoplay: Alle Medien erfordern Benutzerinteraktion
  • Klare visuelle Hierarchie: Konsistentes, logisches Layout

WooCommerce-Barrierefreiheit

  • Barrierefreie Shop-Seiten: ARIA-Landmarken, korrekte Überschriftenhierarchie
  • Barrierefreier Warenkorb und Checkout: Tabellen-Barrierefreiheit, Formular-Labels, Fehlerbehandlung
  • Screenreader-Meldungen: ARIA-Live-Regionen für Warenkorb-Updates
  • Tastaturnavigation: Produkt-Tabs, Galerie-Thumbnails, Mengensteuerungen
  • 44-px-Touch-Ziele: Alle Schaltflächen und interaktiven Elemente
  • Mengen-+/- -Schaltflächen: Barrierefreie Erhöhungs-/Verringerungssteuerungen
  • Unterstützung für hohen Kontrast: Vollständiges WooCommerce-Styling in allen Farbmodi
  • Sprunglinks: Shop-, Produkt-, Warenkorb- und Checkout-Navigation

Rezensionen

Es gibt noch keine Rezensionen.

Nur angemeldete Kunden, die dieses Produkt gekauft haben, dürfen eine Rezension abgeben.

Warenkorb