Bedienung

Bedienelement sieht deaktiviert aus, ist es aber nicht

Üblicher Schweregrad: mittel · Aufwand: gering

Woran du es erkennst

Eine Schaltfläche wirkt durch blasse, kontrastarme Gestaltung deaktiviert, reagiert aber auf Klicks — oder ein wirklich deaktiviertes Element verrät nicht, warum es nicht benutzbar ist.

Warum es zählt

Was deaktiviert aussieht, wird übergangen: Funktionierende Funktionen verlieren so still ihre Klicks. Umgekehrt lässt ein unerklärt gesperrtes Element — etwa die Absendeschaltfläche vor vollständiger Eingabe — die Seite defekt wirken.

So behebst du es

  1. Nutze für wirklich inaktive Elemente das echte disabled-Attribut und reserviere die blasse Gestaltung ausschließlich für diesen Zustand.
  2. Gib aktiven Elementen eine Gestaltung, die sich davon deutlich unterscheidet — nicht nur durch einen Grauton.
  3. Ist ein Element vorübergehend gesperrt, schreib dazu, was noch fehlt.
  4. Sichere das mit einer Prüfregel im Design-System ab, damit „sieht deaktiviert aus" nicht erneut auf aktiven Elementen landet.

Zum Nachlesen