Chosen macht lange Auswahlfelder benutzbar
Zusammenfassung
Harvest veröffentlicht Chosen, das gewöhnliche HTML-Auswahlfelder um Suche, Mehrfachauswahl und eine kompaktere Darstellung erweitert. Progressive Verbesserung bewahrt eine einfache semantische Basis unter einer reicheren Oberfläche.
Ideen
- Die Komponente baut auf vorhandenen select-Elementen statt auf einem proprietären Datenmodell auf.
- Sofortige Suche verkürzt die Navigation in langen Optionslisten.
- Mehrfachwerte erscheinen als einzeln entfernbare Elemente innerhalb desselben Feldes.
Einsichten
- Ein kleines UI-Werkzeug wird Infrastruktur, sobald viele Anwendungen seine Bedienannahmen übernehmen.
Empfehlungen
- Prüfe Tastaturbedienung, Screenreader und mobile Darstellung vor dem Einsatz.
- Verwende serverseitig weiterhin dieselbe Validierung wie bei einem normalen select-Feld.
Referenzen
Links zur Originalquelle und zum Webarchiv öffnen einen neuen Tab.