Artikel mit Schlagwort

Ich habe das Gefühl, die Hälfte aller „individuell gestalteten Radio-Buttons und Checkboxen“ macht zwei Dinge

1. Mache sie größer
2. Koloriere sie

Wir lassen ein Texteingabefeld vielleicht ungestylt. Wir lassen einen Link vielleicht ungestylt. Sogar einen Button. Aber Kontrollkästchen ... wir lassen sie nicht in Ruhe. Deshalb wird das Stylen von Kontrollkästchen niemals langweilig.

Obwohl die Gestaltung von Kontrollkästchen nicht so kompliziert ist, tun wir auch nicht ...

Sara Soueidan befasst sich mit dieser HTML/UX-Situation. „Ja“ oder „Nein“ ist eine boolesche Situation. Ein Kontrollkästchen repräsentiert dies: Es ist entweder an oder aus (äh, meistens). Aber ist ein Kontrollkästchen immer die beste UX? Das hängt natürlich davon ab

Verwende Radio

Ich habe neulich Anna Kaleys Beitrag "Listboxes vs. Dropdown Lists" gelesen. Es ist ein ziemlich geradliniger Vergleich zwischen verschiedenen UI-Implementierungen zur Auswahl von Optionen. Dort gibt es viele gute Ratschläge. Klassiker wie, dass man Radio-Buttons verwenden sollte ...

Heutzutage ist es durchaus möglich, benutzerdefinierte Checkboxen, Radiobuttons und Kippschalter zu erstellen, während man semantisch und zugänglich bleibt. Wir brauchen nicht einmal eine einzige Zeile JavaScript oder zusätzliche HTML-Elemente! Es ist tatsächlich in letzter Zeit einfacher geworden als es …

Lindsey Kopacz hat einen wundervollen Blog über Zugänglichkeit. Ich habe in letzter Zeit eine Reihe ihrer Artikel gesehen und dachte mir: *Mist, ich sollte sicherstellen, dass ich abonniert habe*. Zum Beispiel

• Eine Einführung in ARIA-States
• 3

Schalter. Umschalter. Wie auch immer Sie sie nennen wollen, sie sind schon seit einiger Zeit bei uns und ein dominantes Grundnahrungsmittel für viele Formularschnittstellen. Sie sind sogar direkt in viele CSS-Frameworks integriert, darunter Bootstrap und Foundation.

Es ist ...

Es gibt einen unbestimmten Kontrollkästchenwert. Es ist ein Kontrollkästchen (<input type="checkbox"/>), das nicht angekreuzt ist. Und es ist auch nicht *nicht* angekreuzt. Es ist unbestimmt.

Wir können sogar ein Kontrollkästchen in diesem Zustand auswählen und es stylen ...

Eine interessante Reise des Formular-UX, dokumentiert von Tim Paul. Es begann mit den Standardeinstellungen des Browsers. Es ist unklar, warum das nicht funktionierte. Interessanterweise half eine Änderung, die riesige, auf Labels basierende Klickbereiche in farblich abgesetzten Boxen enthielt, nicht. Was tatsächlich half, war ...