Kasım 2020 Güncellemesi: Bunun için mümkün olan en iyi tekniğin bu makaledeki Yöntem 4 olduğunu düşünüyorum. Tüm alana “tıklanabilir” olurken (ya da her türlü sarıcı eleman), anlamsal ve erişilebilir kalır. Metin seçimini bozmaz ve diğer "iç içe geçmiş" etkileşimli öğelere uyar.
Bu tamamen geçerli bir HTML:
anything Ayrıca display: block;, tüm dikdörtgen alanın "tıklanabilir" olması için bağlantılar oluşturabileceğinizi unutmayın . Ancak, orada bir ton içerik varsa, erişilebilirlik için kesinlikle korkunçtur, tüm içeriği etkileşimli bağlantı olarak okumak.
JavaScript'i kesinlikle kullanmanız gerekiyorsa, bunun bir yolu div içinde bir bağlantı bulmak hrefve div tıklandığında ona gitmektir . Bu jQuery ile:
$(".myBox").click(function() ( window.location = $(this).find("a").attr("href"); return false; ));Div içinde "myBox" sınıfıyla bir bağlantı arar. Div içinde herhangi bir yere tıklandığında bu bağlantı değerine yönlendirir.
Referans HTML:
blah blah blah. link Veya, bir data-*öznitelik belirleyebilir ve şunları yapabilirsiniz :
window.location = $(".myBox").data("location");