Birleşik Seçim Kutusu (Combobox) Nedir?
Birleşik seçim kutusu (combobox), kullanıcının yazı yazabildiği ya da değer seçebildiği bir giriş alanı ile bu alana bağlı, seçenekleri listeleyen açılır bir bölümden oluşan arayüz bileşenidir.
Diğer Adları: Combobox, Combo Box
Birleşik Seçim Kutusu Nasıl Çalışır?
W3C’nin tanımıyla birleşik seçim kutusu, kendisine bağlı bir açılır bölümü olan giriş öğesidir. Açılır bölüm çoğunlukla bir seçenek listesidir (listbox), ama bir tablo, ağaç ya da iletişim kutusu da olabilir. Kullanıcı alana yazdıkça liste daralabilir; listeden bir değer seçtiğinde değer alana yazılır.
Öneri davranışı dört biçimde kurulabilir: yazılanla değişmeyen sabit liste, yazılana göre süzülen ve kullanıcının seçmesini bekleyen liste, ilk öneriyi kendiliğinden seçili getiren liste ve önerinin yazılmamış kısmını alanın içinde vurgulu gösteren satır içi tamamlama.
Birleşik Seçim Kutusunda Klavye ve Ekran Okuyucu Desteği
W3C’nin kalıbına göre temel kurallar şunlardır:
- Değeri gösteren öğe combobox rolünü taşır; açılır bölüm görünürken aria-expanded değeri true olur.
- Aşağı ok tuşu açılır bölüme geçer, Escape açılır bölümü kapatır, Enter seçili öneriyi kabul eder.
- Liste içinde gezinirken odak alanda kalır; aria-activedescendant hangi seçeneğin vurgulandığını yardımcı teknolojiye bildirir.
- Öneri davranışı aria-autocomplete değeriyle (none, list, both) belirtilir.
Birleşik Seçim Kutusunun E-Ticarette Kullanımı
Uzun seçenek listelerinde kullanılır: adres formunda il ve ilçe seçimi, teslimat şehri, marka ya da model seçimi ve site içi aramadaki öneri kutusu. Seksen bir ilin tek bir açılır menüde kaydırılarak aranması yerine kullanıcı birkaç harf yazar ve liste daralır.
Örnek: Kargo adresi formunda kullanıcı il alanına “Bur” yazar; liste Bursa ve Burdur’a daralır. Aşağı ok tuşuyla Bursa’ya gelip Enter’a basan kullanıcının seçimi alana yazılır ve ilçe alanı Bursa’nın ilçeleriyle dolar.
Birleşik Seçim Kutusu ile Otomatik Tamamlama Farkı
Otomatik tamamlama, yazılan ifadeye göre öneri sunma davranışıdır; birleşik seçim kutusu ise önerilerin gösterildiği ve seçildiği arayüz bileşenidir. Site içi aramadaki öneri listesi çoğunlukla bir birleşik seçim kutusuyla kurulur.
Birleşik Seçim Kutusu Hakkında Sık Sorulan Sorular
Birleşik seçim kutusu ile açılır menü arasındaki fark nedir?
Klasik açılır menüde kullanıcı yalnızca listeden seçer. Birleşik seçim kutusunda kullanıcı yazarak listeyi daraltabilir; düzenlenebilir türde listede olmayan bir değer de girebilir.
Birleşik seçim kutusu her form için gerekli mi?
Gerekli değildir. Az sayıda seçenek varsa düz seçim listesi ya da seçenek düğmeleri daha basittir; birleşik seçim kutusu uzun listelerde yarar sağlar.