Arana Docs
Funktionen

Barrierefreiheit

Arana ist für alle zugänglich gestaltet.

Arana ist so gebaut, dass möglichst viele Menschen sie nutzen können – unabhängig von körperlichen Einschränkungen oder verwendeter Technologie.

Screenreader-Unterstützung

Arana funktioniert mit gängigen Screenreadern:

  • NVDA (Windows, kostenlos)
  • JAWS (Windows)
  • VoiceOver (Mac, iOS)
  • TalkBack (Android)

Optimierungen

  • Alle interaktiven Elemente haben aussagekräftige Beschriftungen
  • Statusänderungen werden angesagt (z.B. „Nachricht gesendet", „Antwort wird geladen")
  • Landmark-Regionen für schnelle Navigation (Hauptinhalt, Navigation, Eingabebereich)
  • Live-Regionen für dynamische Inhalte

Tipps für Screenreader-Nutzer

  • Schnellnavigation: Nutze die Überschriften- und Landmark-Navigation deines Screenreaders
  • Formularmodus: Im Eingabefeld wechsle in den Formularmodus zum Tippen
  • Nachrichten lesen: Navigiere mit Pfeiltasten durch die Nachrichtenliste

Tastaturnavigation

Du kannst Arana komplett ohne Maus bedienen:

  • Tab: Nächstes interaktives Element
  • Shift + Tab: Vorheriges Element
  • Enter: Element aktivieren
  • Escape: Dialog schließen, Aktion abbrechen
  • Pfeiltasten: In Listen und Menüs navigieren

Mehr: Tastenkürzel

Fokus-Indikatoren

Der aktuelle Fokus ist immer sichtbar durch einen deutlichen Rahmen. Der Fokus wird nicht versteckt und folgt einer logischen Reihenfolge.

Am Anfang der Seite gibt es einen Skip-Link „Zum Hauptinhalt springen", der mit Tab erreichbar ist. Damit kannst du die Navigation überspringen und direkt zum Chat gelangen.

Reduzierte Bewegung

Wenn du in deinem Betriebssystem „Bewegung reduzieren" aktiviert hast:

  • Windows: Einstellungen → Erleichterte Bedienung → Anzeige → Animationen
  • Mac: Systemeinstellungen → Bedienungshilfen → Anzeige → Bewegung reduzieren
  • iOS: Einstellungen → Bedienungshilfen → Bewegung → Bewegung reduzieren

Arana respektiert diese Einstellung automatisch:

  • Keine Übergangsanimationen
  • Kein Parallax-Scrolling
  • Reduzierte visuelle Effekte

Spracheingabe und -ausgabe

Für Nutzer, die nicht tippen können oder möchten:

Farbkontrast

  • Alle Texte erfüllen WCAG AA-Kontrastvorgaben (mindestens 4.5:1)
  • Interaktive Elemente sind auch ohne Farbe erkennbar
  • Der Dark Mode behält dieselben Kontrastverhältnisse

Dark Mode

Der Dark Mode kann in den Einstellungen aktiviert werden oder folgt automatisch deiner Systemeinstellung. Beide Modi sind auf Lesbarkeit optimiert.

Textgröße

Arana funktioniert auch bei vergrößerter Textdarstellung:

  • Nutze die Browser-Zoom-Funktion (Cmd/Ctrl + Plus/Minus)
  • Texte umbrechen korrekt bei Vergrößerung
  • Das Layout passt sich an

Touch-Bedienung

Auf Touch-Geräten:

  • Alle Elemente haben ausreichend große Berührungsziele (mindestens 44×44 Pixel)
  • Gesten sind einfach und konsistent
  • Alternative Methoden für komplexe Interaktionen

Zeitlimits

  • Keine automatischen Timeouts für Benutzeraktionen
  • Ladezeiten werden angezeigt, aber nicht erzwungen
  • Du kannst in deinem eigenen Tempo arbeiten

Bekannte Einschränkungen

  • Komplexe Code-Blöcke: Bei sehr langen Code-Antworten kann die Navigation herausfordernd sein
  • Echtzeit-Streaming: Während Arana antwortet, ändert sich der Inhalt – das kann für Screenreader unruhig sein

Tipp: Warte, bis die Antwort vollständig ist, bevor du sie liest.

Feedback

Wir arbeiten kontinuierlich an der Barrierefreiheit. Wenn du auf Barrieren stößt oder Verbesserungsvorschläge hast:

Schreib uns

Beschreibe:

  • Welche Hilfstechnologie du verwendest
  • Was du versucht hast zu tun
  • Was nicht funktioniert hat

Jedes Feedback hilft uns, Arana besser zu machen.