← Alle Regeln

Namen und Rollen

Input-Schaltflächen brauchen einen Wert

• Regel: input-button-name
• Schweregrad: Kritisch
• WCAG-Stufe A

Warum das wichtig ist

Ein <input type="submit"> mit leerem value wird nur als „Schaltfläche“ angesagt — am Ende eines Formulars, ohne zu wissen, was das Absenden bewirkt.

So beheben Sie es

1. Setzen Sie value auf die Aktion („Bestellung abschicken“, „Suchen“).
2. Nutzen Sie aria-label nur, wenn das Design wirklich keinen Text zeigen kann.
3. Bevorzugen Sie <button> gegenüber <input>: Es kann Markup enthalten und ist leichter zu beschriften.

Im Markup

<input type="submit" value="">

<input type="submit" value="Place order">

Die Anforderung dahinter

Diese Regel ist eine Art, die folgenden WCAG-2.2-Erfolgskriterien zu verfehlen. Das W3C, das den Standard herausgibt, erläutert jedes davon:

• 4.1.2 Name, Rolle, Wert (öffnet in neuem Tab) — WCAG-Stufe A

Weiterführende Quellen

Deque University zu input-button-name (öffnet in neuem Tab)

Deque entwickelt axe-core, die quelloffene Prüf-Engine unseres Scanners. Ihre Seite dokumentiert die Regel so, wie die Engine sie umsetzt.

Automatische Prüfungen finden Fehler, die ein Browser nachweisen kann. Ob eine Untertitelspur inhaltlich stimmt, ob ein Alternativtext wirklich hilft oder ob sich eine Seite durchgängig mit der Tastatur bedienen lässt, kann nur ein Mensch beurteilen.