Bağlantılar Yerlere, Düğmeler Eylemlere Götürür

Hemen her durumu çözen kural şudur: bağlantı sizi başka bir yere götürür, düğme ise tam burada bir şeyin gerçekleşmesini sağlar. 🧭

Bağlantı gezinmeyi sağlar. Bağlantıya tıklamak, başka bir makaleye veya yeni bir bölüme geçmek gibi sayfayı ya da URL'yi değiştirir.

Düğme bulunduğunuz yerde bir işlem gerçekleştirir: form gönderir, menü açar veya sayfadan ayrılmadan bir ayarı açıp kapatır.

Ekran okuyucular rolü sesli olarak duyurur. Kullanıcılar bağlantı veya düğme ifadesini duyar; dolayısıyla doğru öğe, işlem yapmadan önce doğru beklentiyi oluşturur.

Bu yalnızca görsel bir tercih değildir. Düğme Boşluk veya Enter tuşuyla çalışırken bağlantı yalnızca Enter ile etkinleşir. Tuşlar role göre belirlenir.

Tek bir soru sorun: Bu denetim bulunduğum yeri mi değiştiriyor, yoksa ekrandaki içeriği mi değiştiriyor? Gezinme için bağlantı, işlem için düğme kullanılır.

Bir denetim makul bir şekilde yeni sekmede açılabiliyor veya yer işaretlerine eklenebiliyorsa bu gezinmedir; bu nedenle href içeren gerçek bir bağlantı kullanın.

Biçimlendirme anlamı değiştirmez. Düğme bağlantı gibi, bağlantı da düğme gibi görünebilir; ancak rolü belirleyen öğenin kendisidir.

İnsanlar biçimlendirilmiş bir div veya span kullanıp buna tıklama işleyicisi ekler. Bu yöntem iyi görünür, ancak rolü ve klavye desteği yoktur.

Form göndermek için type değeri submit olan bir düğme kullanın. Bu bir işlemdir, gezinme değildir; dolayısıyla burada bağlantı kullanmak yanlıştır.

Kullanıcıyı iletişim sayfanıza göndermek için bir bağlantı kullanın. Bu tamamen gezinmedir; düğme kullanmak herkesi yanıltır.

Bağlantılar bir yerlere götürür, düğmeler ise işlem yapar. Öğeyi amaca uygun seçtiğinizde doğru role, doğru tuşlara ve memnun kullanıcılara sahip olursunuz. 🎉