Stand der Barrierefreiheit

spotblick.de und das spotblick Widget sind weitgehend barrierefrei und erfuellen die Anforderungen von WCAG 2.1 Level AA gemaess BITV 2.0 (Barrierefreie-Informationstechnik-Verordnung) und dem BFSG (Barrierefreiheitsstaerkungsgesetz).

Was bedeutet Level AA? Das ist die von der EU und dem BFSG empfohlene Konformitaetsstufe fuer oeffentliche und kommerzielle Websites. Sie sichert zu, dass Menschen mit Beeintraechtigungen die Website nutzen koennen — unabhaengig von Sehkraft, Motorik, Hoerfaehigkeit oder Neurodivergenz.

Geltungsbereich

Diese Barrierefreiheitserklaerung gilt fuer:

  • spotblick.de — die Produktwebsite mit Informationen, Preisgestaltung und FAQ
  • spotblick Widget — das einbettbare Widget fuer die Anzeige dynamischer Strompreise auf Kundenwebsites

Das Widget wird als Shadow-DOM-Komponente eingebunden, um CSS-Isolation zu gewaehrleisten. Die Barrierefreiheit wird dadurch nicht beeintraechtigt.

Technische Massnahmen

Semantisches HTML5

  • Korrekte Ueberschriftenhierarchie (h1 → h2 → h3)
  • Semantische Landmark-Elemente: nav, main, section, footer
  • Korrekte Verwendung von form, label und button

ARIA-Labels und -Rollen

  • Alle interaktiven Elemente haben aria-label oder beschreibende Textinhalte
  • Datentabellen sind mit role="table", role="rowheader", role="columnheader" gekennzeichnet
  • Dynamische Inhalte nutzen aria-live fuer Benachrichtigungen

Farbkontrast

  • Mindestens 4,5:1 Kontrastverhaeltnis fuer normalen Text (WCAG AA Standard)
  • Mindestens 3:1 Kontrastverhaeltnis fuer grossen Text (≥18pt oder ≥14pt bold)
  • Keine Informationen werden nur durch Farbe vermittelt

Vollstaendige Tastaturbedienbarkeit

  • Tab: Navigation zwischen fokussierbaren Elementen (logische Reihenfolge)
  • Enter: Aktivierung von Buttons und Links
  • Escape: Schliessen von Modalen und Menues
  • Keine Tastatur-Fallen; tabindex wird sparsam und sinnvoll eingesetzt

Sichtbare Fokus-Indikatoren

  • Alle fokussierbaren Elemente zeigen einen deutlichen visuellen Fokusindikator
  • Fokusindikator hat Mindestkontrast von 3:1 gegenueber Hintergrund
  • :focus-visible wird richtig angewendet fuer bessere Unterscheidung von Maus und Tastatur

Screen-Reader-Unterstuetzung

  • Kompatibilitaet mit NVDA (Windows), JAWS (Windows), VoiceOver (macOS/iOS)
  • Alle Bilder haben aussagekraeftige alt-Texte oder sind als dekorativ gekennzeichnet
  • Dynamische Inhalte werden mit aria-live="polite" angekuendigt

Zoom und Textvergroesserung

  • Website unterstuetzt Zoom bis 200% ohne Informationsverlust
  • Responsive Design passt sich allen Zoomebenen an
  • Text wird nicht in Bildern versteckt

Bewegungsempfindlichkeit

  • Respektierung der Systemeinstellung prefers-reduced-motion
  • Animationen werden bei aktivierter Einstellung deaktiviert oder stark reduziert

Daten und Charts

  • Die interaktive Chart-Visualisierung wird ergaenzt durch eine vollstaendige Datentabelle im DOM
  • Tabelle ist Screen-Reader-freundlich strukturiert mit thead und tbody
  • Nutzer koennen zwischen Visual und Tabellenansicht wechseln

Bekannte Einschraenkungen

Interaktive Chart-Visualisierung

Die dynamische Preischart-Visualisierung bietet fuer Screen-Reader-Nutzer eingeschraenkte Informationen, da sie als Canvas-Element gerendert wird. Alternative: Eine vollstaendige, strukturierte Datentabelle steht im DOM zur Verfuegung und kann von Screen-Readern vollstaendig erfasst werden.

Workaround: Nutzer koennen die Tabellensicht aktivieren, um alle Preisdaten in barrierefreier Form zu sehen. Die Tabelle ist vollstaendig tastaturbedienbar und mit Sortierungsfunktionen ausgestattet.

Feedback und Kontakt

Falls Sie auf Barrieren stossen oder Verbesserungsvorschlaege haben:

Kontaktieren Sie uns

E-Mail: kontakt@digitalwert.de

Ansprechperson: Christian Scheibe, Geschaeftsfuehrer digitalwert® GmbH

Reaktionszeit: Wir bemuehen uns, gemeldete Probleme innerhalb von 2 Wochen zu analysieren und ggf. zu beheben.

Durchsetzungsverfahren

Sollte spotblick nachweislich WCAG-Anforderungen nicht erfuellen und Sie moechten ein formales Durchsetzungsverfahren einleiten:

Schlichtungsstelle nach § 16 Behindertengleichstellungsgesetz (BGG)

Website: www.schlichtungsstelle-bgg.de

Die Schlichtungsstelle ist eine unabhaengige Stelle, die kostenlos und aussergerichtlich bei Konflikten im Bereich Barrierefreiheit vermittelt.

Erstellung und Ueberpruefung

Erstellungsdatum: 14. April 2026

Regelmaessige Ueberpruefung: Diese Barrierefreiheitserklaerung wird alle 6 Monate ueberprueft und bei Bedarf aktualisiert.

Testmethoden

  • Automatisierte Tests: axe DevTools, WAVE, Lighthouse
  • Manuelle Tests: Tastaturbedienung, Zoom, Kontrastpruefung
  • Screen-Reader-Tests: NVDA, JAWS, VoiceOver

Standards

  • WCAG 2.1: Web Content Accessibility Guidelines der W3C
  • BITV 2.0: Barrierefreie-Informationstechnik-Verordnung (Deutschland)
  • BFSG: Barrierefreiheitsstaerkungsgesetz (Deutschland)
  • EN 301 549: Europaeische Norm fuer Barrierefreiheit

Diese Barrierefreiheitserklaerung wurde gemaess der Anforderungen der Richtlinie (EU) 2016/2102 und des Barrierefreiheitsstaerkungsgesetzes (BFSG) erstellt.