Button (Bedienelement in Benutzeroberflächen)
Ein Button ist ein interaktives grafisches Steuerelement, das in grafischen Benutzeroberflächen – sowohl auf Desktop‑Anwendungen als auch in Web‑Interfaces – verwendet wird, um dem Nutzer das Auslösen einer definierten Aktion zu ermöglichen. Sobald ein Nutzer darauf klickt (bzw. tippt), wird das zugewiesene Ereignis verarbeitet, zum Beispiel das Absenden eines Formulars, das Öffnen eines Dialogs oder das Bestätigen einer Auswahl.
Ein Button besteht typischerweise aus einer Beschriftung, die klar beschreibt, welche Operation ausgeführt wird, kombiniert mit einer visuellen Rückmeldung, die verschiedene Zustände wie Normal, Hover, aktiv, deaktiviert und Fokus signalisiert. Durch die Auswahl geeigneter Farben, Kontraste und Größen stellt man sicher, dass das Element leicht erkennbar und bequem zu bedienen ist – insbesondere auf Touch‑Geräten, wo die Mindestgröße von etwa 44 × 44 Pixel empfohlen wird.
Im Hinblick auf Barrierefreiheit ist es wichtig, dass ein Button die ARIA‑Rolle button besitzt und eine aussagekräftige Beschriftung hat, damit Screen‑Reader‑Nutzer die Funktion verstehen. Der Tastatur‑Zugriff muss über die Tab‑Taste möglich sein und ein sichtbarer Fokus‑Indikator muss vorhanden sein, um die Navigation für alle Nutzer greifbar zu machen.
Aus technischer Sicht werden Buttons im Web mit dem HTML‑Element <button> erstellt und mittels CSS gestaltet, während JavaScript das eigentliche Verhalten definiert. In mobilen Betriebssystemen (Android, iOS) und Desktop‑Frameworks (WPF, Qt, Swing) stehen vorgefertigte Button‑Komponenten zur Verfügung, die sich automatisch an das System‑Theme anpassen.
Ein gut gestalteter Button sollte immer eine eindeutige, beschreibende Beschriftung besitzen, um Fehlinterpretationen zu vermeiden. Idealerweise gibt es pro Ansicht nur eine hervorgehobene primäre Schaltfläche, die die wichtigste Aktion darstellt, während sekundäre Buttons für alternative Optionen verwendet werden. Wird ein kritischer Vorgang ausgeführt, empfiehlt sich eine zusätzliche Bestätigung (Dialog), um unbeabsichtigte Aktionen zu verhindern.
Sicherheit spielt ebenfalls eine Rolle: Aktionen, die zu sensiblen Änderungen führen, sollten vor Cross‑Site‑Request‑Forgery (CSRF) geschützt werden, indem ein Token in das Formular eingebettet und bei jedem Klick überprüft wird.
Moderne Trends geben Buttons subtilere Mikro‑Interaktionen – kleine Animationen oder haptisches Feedback –, die das Nutzererlebnis verbessern, ohne die Klarheit zu beeinträchtigen. Auch die Unterstützung von Dark‑Mode erfordert angepasste Farbpaletten, damit die Lesbarkeit und die Hervorhebung des Buttons erhalten bleiben.