Jquery: kLabel Fonksiyonu

Web siteleri kodlarken Html kodlama aşamasında form alanlarında kullanılabilirliği artırmak için label etiketlerini kullanırız; bu etiket belirlenen form nesnesiyle alakalı metin’e tıklandığında ilgili form nesnesine odaklanmayı(focus) sağlar.

Bildiğiniz üzere bir label’e tıklandığında hangi form nesnesine odaklanacağını belirlemek için label etiketine “for” değeri veririz.

<label for='odaklanacak_nesne'>Nesne Tanımı</label><input id='odaklanacak_nesne' name='nesne_adi'/>

örnek bir kullanım.

Arayüz kodlarken ne kadar az nesne ve etiket kullanırsak o kadar iyidir. Ancak bunu yaparken kullanılabilirliği düşürmekte mantıklı olamaz çünkü ziyaretçiyi memnun etmedikten sonra ne seo’nun ne de okunabilirliğin bir anlamı olur.

O yüzden çalışmalarımız hem okunabilir,hem az etiketli hem de kullanılabilir olmalı.

Label etiketini  odaklanacağımız elemana id değeri vermeden kullanabilmek bi’kaç karakterlik’te olsa kodlama,okunabilirlik ve kullanışlılık için fayda sağlayacaktır.

jquery ile hazırladığım bu ufacık foksiyon; for değerinde belirtilen name değerine sahip eleman’a odaklanmayı sağlıyor.

Örnek uygulamaFonksiyon Kodları

Uygun zaman bulduğumda saf Javascript halini de hazırlar paylaşırım umarım. 🙂

One thought on “Jquery: kLabel Fonksiyonu

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir