href Olmadan Kullanılan Anchor Karşıt Deseni

Yaygın bir kötü kullanım, href içermeyen bir anchor öğesini tıklama işleyicisiyle düğme gibi çalışacak şekilde yapılandırmaktır. İyi görünür, ancak birçok şeyi bozar.

Bir anchor öğesi, yalnızca href içerdiğinde gerçek bir bağlantı sayılır. href olmadan tarayıcı onu etkileşimli bir öğe olarak hiç değerlendirmez.

href içermeyen bir anchor odaklanamaz; bu nedenle klavyeyle sayfada sekme tuşuna basarak ilerleyen kullanıcılar onu atlar ve ona hiçbir zaman ulaşamaz.

Odağı zorla üzerine verseniz bile sahte bir bağlantı varsayılan olarak Enter ve Boşluk tuşlarını yok sayar; dolayısıyla klavye kullanıcıları onu yine etkinleştiremez.

href olmadan ekran okuyucu anchor öğesini bağlantı olarak hiç duyurmayabilir; bu nedenle kullanıcılar onun kullanılabilir bir öğe olduğunu öğrenemez.

Bazı kişiler bunu yalnızca kare işareti içeren bir href ile düzeltmeye çalışır. Bu, öğenin odaklanabilmesini sağlar; ancak sayfayı en üste de taşır ve bu durum rahatsız edicidir.

Denetim bir işlem gerçekleştiriyorsa gerçek bir düğme kullanın. Odağı, klavye desteğini ve doğru rolü ek bir çaba harcamadan elde edersiniz.

Denetim gerçekten gezinme sağlıyorsa anchor öğesini koruyun; ancak hedefi gösteren gerçek bir href verin.

Geliştiriciler, altı çizili görünümü nedeniyle sık sık anchor öğesini seçer. Ancak erişilebilirlikten ödün vermeden bir düğmeyi de aynı şekilde biçimlendirebilirsiniz.

href içermeyen bir anchor öğesi varsayılan olarak işaretçi imlecini bile kaybeder; bu da gören kullanıcılara burada gerçekten tıklanabilir hiçbir şey olmadığını ima eder.

Etkileşimi taklit etmeyin. İşlemler için gerçek bir düğme, gezinme için href içeren bir anchor seçin ve geçici çözümlerden kaçının.

href içermeyen ancak tıklama işleyicisi bulunan bir anchor neden sorun oluşturur?

href içermeyen bir anchor sahte bağlantıdır: odaklanamaz ve klavyeyle çalışmaz. İşlemler için düğme, gezinme için gerçek bir href kullanın. ✅