News & Blog

Anlaşılır teklif formu: Alan etiketi, Hata açıklaması, Klavye testi.
BY: admin

Web Formu Erişilebilirliği: Alan Etiketi ve Hata Mesajı Nasıl Yazılır?

Web formu erişilebilirliği, kullanıcının hangi bilgiyi gireceğini, hata olduğunda neyi düzelteceğini ve formun başarıyla ulaşıp ulaşmadığını anlayabilmesiyle başlar. Özellikle mobil ekranda ve klavye ile gezinirken açık etiketler, formun işlevi kadar önemlidir.

Yer tutucuyu alan etiketi yerine kullanmayın

“Telefon numarası” gibi görünür bir etiket, kullanıcı alana yazmaya başladıktan sonra da kalmalıdır. Yer tutucu yalnız örnek biçimi gösterebilir. HTML’de etiketle alanı programatik olarak ilişkilendirin; örneğin etiketin for değeri, alanın id değeriyle eşleşebilir. Böylece yardımcı teknolojiler alanın ne istediğini aktarabilir ve etiket tıklanarak ilgili alana gidilebilir.

Hata mesajı kullanıcının sonraki adımını söylesin

“Geçersiz giriş” tek başına hangi alanın ve biçimin sorunlu olduğunu açıklamaz. Örneğin “Telefon numarasını alan koduyla yazın” daha uygulanabilir bir açıklamadır. Hata bilgisini yalnız renkle iletmeyin. Görünür metni ilgili alanla ilişkilendirin ve tekrar gönderimde kullanıcının doğru girdiği diğer alanları gereksiz yere temizlemeyin. Klavye ve hata senaryolarını web sitesi teslim kontrol listesi içinde kabul ölçütü olarak yazın.

Temsili teklif formu

Bir web tasarım formunda “Ad soyad”, “İletişim numarası” ve “Proje türü” alanları kullanılsın. Proje türü seçeneklerinin başına anlamlı bir yönlendirme ekleyin; boş seçimde hangi adımın gerektiği açık olsun. Form başarıyla ulaştığında “Talebiniz alındı” gibi bir onay verin; gönderim başarısızsa başarı mesajı göstermeyin. Alanları ve sorumluları web tasarım briefi içine erken eklemek teslimdeki belirsizliği azaltır.

Teslim öncesi kısa test

Formu fare kullanmadan baştan sona tamamlayın. Ekran okuyucuyla alan adlarının duyurulduğunu, eksik bilgi hatasının bulunabildiğini ve gönderim sonucunun anlaşılır olduğunu kontrol edin. Mobil ekranda etiketleri ve hata metnini yakınlaştırmadan okuyabilmeyi deneyin. Teklif formunuzun tasarım ve teslim kriterlerini birlikte belirleyebiliriz.

Kaynak: W3C WAI: form kontrollerini etiketleme.

web tasarım kapsamında projenizi görüşmek için WhatsApp üzerinden yazın veya +90 544 180 19 23 numarasını arayın.

admin

Danışmak İstediğin
Bir Konu Mu Var?

Tüm Sayfalar-13

Post Modern Medya
Stratejiyle Güçlen, Dijitalde Kazan!

🚀 Gerçek stratejiler, gerçek sonuçlar getirir. Post Modern Medya ile markanızı büyütün, hedef kitlenize ulaşın ve dijital dünyada fark yaratın

Post Modern Medya ® | Tüm Hakları Saklıdır.