Barrierefreiheit

Link statt Button (href="#" löst nur ein Skript aus)

Üblicher Schweregrad: niedrig · Aufwand: minimal

Woran du es erkennst

Ein Anker mit href="#" öffnet per JavaScript einen Dialog oder ein Widget (z. B. Warteliste, Terminbuchung) — er arbeitet wie ein Button, ist aber als Link ausgezeichnet.

Warum es zählt

Screenreader kündigen „Link“ an und erwarten eine Navigation; die URL springt auf „#“, und die Leertaste löst den Link nicht aus. Rolle und Verhalten passen nicht zusammen (WCAG 4.1.2).

So behebst du es

  1. Ein <button type="button"> statt eines Ankers mit href="#" verwenden.
  2. Muss es ein Anker bleiben: role="button" setzen und die Leertaste per Skript unterstützen.
  3. Besser: ein echtes Ziel (z. B. Anker auf eine Seite mit dem Formular) als Fallback ohne JavaScript.

Zum Nachlesen