web-gelistirme-sc.com

Bir düğmenin üzerine getirildiğinde varsayılan imleç bir el işaretçisi değildir

Bir HTML'nin üzerine geldiğinizde varsayılan imleç neden bir ok _ <button>? Her zaman okların bir şey seçmenize izin verdiğini düşündüm, ancak eller bir eylem gerçekleştirmenize izin verdi. Düğmeler eylemleri yürüttüğünden, el işaretçisi olarak varsayılan stili geçersiz kılmamalı mıyım?

button cursor hand

button {
 cursor: pointer;
}
74
JoJo

Düğmeler, geleneksel bir masaüstü yazılımı UI kontrolüdür - el işaretçisinin internetin ortaya çıkmasından önce hiç kullanılmadığı bir bağlam.

Web sayfaları aynı kontrolü kullanmaya başladığında, düğmeyi masaüstü ortamında olduğu gibi tuttular.

43
franz976

Her şey Affordance ile ilgilidir. Düğmeler, nasıl kullanılabileceklerini görsel olarak öneren yüksek bir güce sahiptir. El işaretçisi, o öğeyle nasıl etkileşime girileceğine dair bir gösterge sağlamak için, düşük değer olduğunda kullanılır.

İşte Microsoft'un Windows masaüstü uygulamaları> Tasarım> Yönergeler> Etkileşim> Fare ve İşaretçiler )

'İyi tasarlanmış kullanıcı arabirimi (UI) nesnelerinin, bir nesnenin nasıl kullanıldığını gösteren görsel ve davranışsal özellikleri olan, uygunluğu olduğu söylenir.'

Ve:

Metin ve grafik bağlantıları, zayıf uygunluklarından dolayı bir el veya "bağlantı seçme" işaretçisi (işaret parmağı işaretli bir el işaret parmağı işaretli el görüntüsü) kullanır. Bağlantıların bağlantı olduğunu belirtmek için başka görsel ipuçları olsa da (alt çizgiler ve özel yerleşim gibi), imlecin üzerinde el işaretçisi görüntülemek bir bağlantının kesin göstergesidir.

Karışıklığı önlemek için, el işaretçisini başka amaçlarla kullanmamak zorunludur. Örneğin, komut düğmelerinin zaten güçlü bir gücü var, bu yüzden t Bir el işaretçisi gerekmez. El işaretçisi "bu hedef bir bağlantıdır" ve başka bir şey anlamına gelmemelidir.

36
JonW

Hem CSS 2.1 ve CSS Temel UI özellikleri kesinlikle işaretçi imlecinin özellikle bağlantılar için ('... bir işaretçi bir bağlantı 'gösterir). CSS 2.1 Test Suite'in yazarlarından biri W3C posta listesine aşağıdaki bir açıklama yazdı:

İmleci <img onclick = "... bir işlev ..."> üzerine getirirken bile, bir Basma düğmesi, bir radyo düğmesi, bir onay kutusu, Windows altındaki imleç bir işaretçiye dönüşmez, ancak bir ok olarak kalır.

İşaretçi imleci tıklanabilir tüm nesneleri a link ve not ​​göstermektir. Çünkü web yazarları, imlecin bildirimini kötüye kullanmaktadır veya imleç bildirimini kötüye kullanmaktadır.

Yani cursor:pointer bağlantıları dışında başka bağlamda kullanılabilirliği artırır ya da değil, yine de CSS standartlarını ihlal ediyor.

12
Ilya Streltsyn

İlginç bir şekilde, this yorum formundaki gönder düğmesinin üzerine gelindiğinde imleç ele değişir. Ben "ok = do ve hand = go" muhtemelen bir noktada bir kongre olduğunu söyleyebilirim, ama a) ona cehalet ve b) daha iyi tasarım yoluyla yaygın bir şekilde atıldı. Düğmenin tıklanabilir görünmesini sağlayın ve imleç değişikliği son kullanıcı için önemli değildir.

10
Lyndon

Biraz psikoloji ile de ilgili. İmleci fareyle üzerine gelindiğinde bir oku değiştirmek kullanıcının hareket edebilecek bir şeyin üzerine geldiğini, ancak mutlaka başka bir yere götürecek bir eylem olmadığını gösterir. Bu, fareyle üzerine gelindiğinde web üzerinde bir yere gidebileceklerini gösteren bir el simgesinden farklıdır.

3
jameswanless

Web Arayüzlerinde her işletim sisteminin yaptığı gibi standart bir öğe yoktur. Web Arayüzleri iCloud ve OneDrive imleci masaüstü işletim sistemi standartlarına göre değişiklik gösterir.

İCloud ve OneDrive'ın her ikisinin de yerel ve web Arabirimleri olduğunu düşünürseniz, Yerel'de bir düğmede Varsayılan imleci, Web'de ise düğmelerde el imleci kullanırlar.

enter image description here

enter image description here

0
Pradeep

Düğme, ince bir şekilde, bir bağlantıdan farklıdır. Bir bağlantı yalnızca geçerli sayfayı bir başkasıyla değiştirirken, bir düğme - genellikle - bazı kullanıcı girişlerini gönderir ve genellikle bir yerde depolanan verileri etkiler. Yani bir ayrım mantıklı.

Ancak, düğmelerimi genellikle düğmeler ve benzer bağlantılar gibi açık bir şekilde bıraktığım için, genellikle düğmenin işaretçisini el ile 'eylem' bağışlamak için şekillendireceğim.

0
Bobby Jack