← Zurück zur Startseite

Barrierefreiheit: CleanPoker für inklusive Teams

CleanPoker ist ein Planning-Poker-Tool, das so gestaltet wurde, dass es von allen genutzt werden kann, einschließlich Menschen mit Behinderungen: Nutzer von Screenreadern, Personen, die ausschließlich mit der Tastatur navigieren, sehbehinderte Personen oder Personen mit motorischen Einschränkungen. Es entspricht den Richtlinien WCAG 2.1 Stufe AA.

Für wen?

CleanPoker eignet sich für:

  • Blinde oder sehbehinderte Personen, die einen Screenreader verwenden (NVDA, VoiceOver, JAWS)
  • Personen mit motorischen Einschränkungen, die ausschließlich mit der Tastatur navigieren
  • Personen, die empfindlich auf Animationen reagieren (Epilepsie, vestibuläre Störungen)
  • Personen, die den Browser-Zoom bis zu 200% verwenden
  • Agile Teams, die Mitglieder mit Behinderungen einbeziehen möchten

Konformitätsstatus

CleanPoker ist teilweise konform mit den WCAG 2.1 AA-Kriterien. Barrierefreiheit wurde von Anfang an in das Design integriert, nicht nachträglich hinzugefügt. Der Lighthouse-Barrierefreiheits-Score beträgt 100/100.

Kompatibilität mit unterstützenden Technologien

  • NVDA (Windows): getestet mit Firefox
  • VoiceOver (macOS / iOS): getestet mit Safari
  • JAWS (Windows): kompatibel über semantisches HTML und ARIA
  • Vollständige Tastaturnavigation: Tab, Umschalt+Tab, Eingabe, Leertaste, Pfeiltasten

Implementierte technische Maßnahmen

  • Sprunglink ("Zum Hauptinhalt") am Seitenanfang
  • Vollständige Tastaturnavigation (Tab, Eingabe, Leertaste)
  • aria-live="polite"-Bereiche für Echtzeit-Abstimmungsaktualisierungen
  • aria-pressed-Zustände auf Abstimmungskarten
  • Kontrastverhältnisse, die das Minimum von 4,5:1 erfüllen
  • Kein user-scalable=no (freier Browser-Zoom)
  • Unterstützung von prefers-reduced-motion (keine erzwungenen Animationen)
  • Unterstützung des Dunkelmodus (prefers-color-scheme)
  • Semantisches HTML5: <button>, <main>, <section>, <table>
  • rem-Einheiten: Browser-Zoom funktioniert korrekt
  • Schaltflächen und Links mit expliziten Labels (aria-label)

Verwendete Technologien

  • Semantisches HTML5
  • CSS mit rem-Einheiten (Zoom wird respektiert)
  • JavaScript (SvelteKit)
  • WebSocket für Echtzeit
  • WAI-ARIA für interaktive Komponenten

Bekannte Einschränkungen

Bisher wurden keine wesentlichen Einschränkungen identifiziert. Diese Website wird aktiv gepflegt und regelmäßig geprüft.

Problem melden

Um ein Barrierefreiheitsproblem zu melden oder eine Verbesserung vorzuschlagen: ein GitHub-Issue öffnen

Datum der Aktualisierung

Diese Erklärung wurde im Juni 2026 erstellt.