Barrierefreiheit

Scrollbereich nicht per Tastatur erreichbar

Üblicher Schweregrad: niedrig · Aufwand: minimal

Woran du es erkennst

Ein Container mit overflow: auto/scroll hat eigenen Scroll-Inhalt, ist aber nicht per Tab fokussierbar (axe-Regel scrollable-region-focusable) — Tastaturnutzer können den Inhalt nicht scrollen.

Warum es zählt

Inhalte in Scrollboxen (AGB-Texte, Tabellen, Chat-Verläufe) sind für Maus- und Touch-Nutzer erreichbar, für reine Tastaturnutzer aber abgeschnitten: Ohne Fokusmöglichkeit gibt es keine Pfeiltasten-Scrollsteuerung.

So behebst du es

  1. Ergänze tabindex="0" am scrollbaren Container, damit er in die Tab-Reihenfolge kommt und per Pfeiltasten gescrollt werden kann.
  2. Besser: Prüfe, ob die Scrollbox überhaupt nötig ist — natürlich mitlaufender Seiteninhalt ist für alle Nutzer einfacher als eine eingebettete Scroll-Falle.
  3. Sorge für einen sichtbaren Fokusindikator am Scrollbereich, damit Tastaturnutzer erkennen, dass und was sie dort scrollen können.

Zum Nachlesen