Barrierefreiheit

Stand: 10. Oktober 2026

Auf dieser Seite

tools.bytework.dev soll für alle funktionieren, auch für Menschen, die schlecht sehen, eine Bildschirmlupe oder einen Screenreader nutzen oder nur mit der Tastatur arbeiten. Maßstab sind die Web Content Accessibility Guidelines (WCAG) 2.2 in Stufe AA.

Was wir dafür tun

  • Die Textschrift ist Instrument Sans, eine ruhige Grotesk mit offenen Formen, die auch klein gut lesbar bleibt. Ziffern der großen Uhr stehen in Atkinson Hyperlegible Mono. Sie wurde vom Braille Institute für Menschen mit Sehbeeinträchtigung entwickelt und unterscheidet 0 und O oder 1 und l deutlich. Kleine Zahlen wie Dauern und Zwischenzeiten stehen in einer Festbreitenschrift, damit Spalten beim Zählen nicht springen.
  • Alle Texte erreichen mindestens das Kontrastverhältnis 4,5:1, die meisten 7:1. Der Schalter „Kontrast“ oben auf jeder Seite schaltet auf Schwarz und Weiß mit kräftigen Linien. Ist am Gerät „Kontrast erhöhen“ eingestellt, gilt das automatisch.
  • Die Seiten lassen sich bis 400 Prozent vergrößern, ohne dass Inhalte abgeschnitten werden.
  • Alles ist per Tastatur bedienbar. In der Timebox gibt es Kürzel: Leertaste für Start und Pause, L für Zwischenzeit, S für Stop, R für Reset, Esc zum Quittieren, Z, um die Zeit einzutippen, und F für das Vollbild. Das Vollbild hält den Fokus in sich und gibt ihn beim Schließen an den Knopf zurück. In der Agenda schaltet N zum nächsten Punkt, Pfeil hoch und runter am Griff verschieben Punkte; im Check-in ziehen Pfeil rechts oder Leertaste die nächste Frage, F zeigt sie im Vollbild, P zeigt sie auf der Präsentation und A die Anmeldefolie mit Code. Der Übergang von der Anmeldefolie zur Frage ist animiert; ist am Gerät „Bewegung reduzieren“ eingestellt, wechselt die Präsentation ohne Bewegung.
  • Der Timer sagt Screenreadern wichtige Momente an, etwa „Noch eine Minute“ und „Zeit abgelaufen“, ohne jede Sekunde vorzulesen.
  • Zustände erkennt man nie nur an der Farbe: Zum farbigen Ring kommen immer ein Text und beim Ablauf ein Klang und, wo das Gerät es kann, eine Vibration.
  • Wer Bewegung reduziert hat („Bewegung reduzieren“), bekommt keine Animationen, auch kein blinkendes Zeichen.
  • Fragen aus dem Check-in lassen sich als Bild und als PowerPoint exportieren; Text und Hintergrund erreichen dabei ebenfalls mindestens 4,5:1, und der Text lässt sich als reiner Text kopieren, etwa für Screenreader oder Chat.

Bekannte Grenzen

  • Auf dem iPhone können Webseiten nicht vibrieren; der Lautlos-Schalter schaltet dort auch den Ton stumm.
  • Läuft der Timer in einem Tab im Hintergrund ab, kommt das Signal erst, wenn der Tab wieder sichtbar ist.

Etwas funktioniert nicht?

Wenn dir eine Barriere auffällt, schreib dem Betreiber über die Kontaktangaben auf bytework.dev. Jeder Hinweis wird gelesen und kommt in die Liste der nächsten Verbesserungen.