Barrierefreiheit

Input-Button ohne zugänglichen Namen

Üblicher Schweregrad: mittel · Aufwand: minimal

Woran du es erkennst

Ein <input type="submit|button|image"> hat kein value-Attribut, alt-Text oder aria-label (axe-Regeln input-button-name, input-image-alt) — der Button heißt für Screenreader nur „Absenden" oder gar nichts.

Warum es zählt

Ein namenloser Absende-Button ist ein unbeschrifteter Lichtschalter: Screenreader-Nutzer wissen nicht, was beim Klick passiert — bei Checkout- oder Lösch-Aktionen ist das ein echtes Vertrauens- und Bedienbarkeitsproblem.

So behebst du es

  1. Gib jedem <input type="submit"> ein sprechendes value-Attribut, das die Aktion benennt (value="Bestellung abschließen" statt „OK").
  2. Bei <input type="image"> (grafischer Button) ergänze alt mit der Funktion der Schaltfläche — es ersetzt den sichtbaren Text für Screenreader.
  3. Erwäge die Umstellung auf <button>, das flexibler beschriften lässt und moderne Stylings einfacher macht.

Zum Nachlesen