Button (Schaltfläche)

Kurz: Ein Button ist ein Bedienelement, das auf einen Klick oder Tipp eine Aktion auslöst. In HTML schreibt man <button>.

Genauer: Der Button ist das häufigste Element einer Oberfläche. Er sollte klar beschriftet sein, per Tastatur erreichbar und für Screenreader verständlich.

Im Detail

<button type="button" onclick="speichern()">Speichern</button>
<form><button type="submit">Absenden</button></form>

• type: button (nur Klick), submit (sendet Formular), reset. Ohne type gilt in Formularen submit.
• disabled: Deaktiviert den Button.
• Link oder Button: Ein Link (<a>) navigiert zu einer Adresse, ein Button führt eine Aktion aus.
• Barrierefreiheit: Echte <button>-Elemente nutzen, nicht <div onclick>. Sichtbarer Fokus, ausreichende Größe (mindestens etwa 44 px), aussagekräftiger Text.
• Gestaltung: Hauptaktion hervorheben, Zweitaktionen dezenter.
• Recht: Bei Online-Bestellungen muss der Button eindeutig sein, siehe kündigungsbutton-(§-312k-bgb).

Siehe auch: Events und Ereignisse, Funktion