Was ist button-Element?

Kurz-Fakten

• Vorgabewert im Formular ist type="submit"; die drei Werte sind submit, reset und button
• Anders als input kann button Inhalt enthalten – Text, ein Symbol, beides zusammen
• Tastaturbedienung, Fokus und Rollenansage bringt das Element von sich aus mit
• Ein angeklicktes div ersetzt es nicht: Fokus, Eingabe- und Leertaste sowie die Ansage fehlen und müssen nachgebaut werden
• Ein deaktivierter button ist nicht fokussierbar – als Hinweis auf einen fehlenden Schritt ist er ungeeignet

Einordnung für die Praxis

Der vergessene Typ ist ein Klassiker: Eine Schaltfläche „Weitere anzeigen" steht im Formular, hat keinen Typ und lädt beim Klick die Seite neu, weil sie absendet. Der Fehler tritt nur im Formularkontext auf – außerhalb fällt er nie auf.

Beim deaktivierten Zustand lohnt ein Umdenken: Statt die Schaltfläche zu sperren, lässt man sie bedienbar und nennt beim Klick den fehlenden Schritt. Sonst steht der Nutzer vor einem Element, das nicht reagiert und nicht erklärt, warum.

Verwandte Begriffe

• Formularelemente Ein Formular besteht aus dem form-Element als Rahmen und den Feldern darin: input,…
• label-Element Das label-Element beschriftet ein Formularfeld und verbindet sich mit ihm – entweder…
• Barrierefreiheit Barrierefreiheit bedeutet, dass eine Website auch mit Screenreader, Tastatur,…
• Input-Typen Das type-Attribut am input-Element legt fest, welche Art von Eingabe erwartet wird –…