Servus!

Ich hab nach einiger Zeit mal wieder CSS Secrets von Lea Verou in der Hand gehabt und wollte den Trick, die Hit Area eines Buttons mit einem transparenten Rand zu vergrößern, ins Wiki einfügen.

Dabei bin ich wieder über

• HTML/Formulare/Button #Buttons mit CSS gestalten

gestolpert.

Buttons gehören wie beinahe alle Formularelemente zu denen, die sich etwas gegen die Gestaltung durch CSS „wehren“. Das liegt daran, dass das Aussehen dieser Bedienelemente vom Browser und Betriebssystem abhängig ist. Sowohl Aussehen als auch Funktionalität sollte möglichst nicht durch den Webdesigner beeinflusst werden, Buttons sind Teil der Arbeitsumgebung des Anwenders und deshalb kein Spiel- und Tummelplatz für Autoren von Web-Seiten.

Da im Beispiel ein Button mit einem Hintergrundbild mit CSS gestaltet wird, hat sich das Argument contra Gestaltung imho eigentlich von selbst erledigt.

Hätte irgendjemand Lust dieses Kapitel zu überarbeiten (oder einen eigenen Artikel / Blog-Beitrag zu schreiben), der sich eher um Grundsätze der Usablity kümmert:

• gute Erkennbarkeit als interaktives Element
• gute Beschreibung
• genügend groß auch auf kleinen Viewports
• …

Vielen Dank im Voraus

Herzliche Grüße

Matthias Scharwies