Doğru HTML ile başla
Bir işlem için düğme, bir adrese gitmek için bağlantı kullanmak basit ama önemli bir karardır. Yerel HTML elemanları, klavye davranışı ve anlam bakımından iyi bir temel sağlar. Görsel olarak tıklanabilir bir kutu yapmak, bu davranışları kendiliğinden kazandırmaz.
Form alanlarını görünür etiketlerle ilişkilendirin. Alanın içinde kaybolan bir örnek metin, kalıcı etiketin yerini tutmaz. Kullanıcı yazmaya başladıktan sonra da hangi bilginin istendiğini görebilmelidir.
Odağı görünür tut
Fareyi kullanmadan sayfayı gezin. Hangi kontrolün seçili olduğu belli mi? Sıra mantıklı mı? Görünür odak işareti, klavye kullanan ziyaretçinin sayfadaki konumunu anlamasına yardım eder.
Bir iletişim penceresi açıldığında odağın pencere içinde kalması ve kapatıldığında çağıran kontrole dönmesi gerekir. Yerel dialog elemanı bu davranışların bir kısmını sağlar; yine de gerçek akışı test etmek önemlidir.
Geri bildirim açık olsun
Bir formun başarılı olması yalnızca düğmenin renginin değişmesiyle anlatılmamalıdır. Kısa ve açık bir durum mesajı, yapılan işlemin sonucunu belirtir. Hata mesajı ise kullanıcıya neyi düzeltebileceğini söylemelidir.
Ekran okuyucu kullanan kişiler için uygun canlı durum alanları işe yarayabilir. Her küçük değişikliği duyurmak yerine yalnızca anlamlı sonuçları bildirmek, deneyimin gereksiz yere gürültülü olmasını önler.
Hareket bir tercih olmalı
Animasyon bir ilişkiyi açıklayabilir veya geçişi anlaşılır kılabilir. Ancak sürekli hareket herkes için rahat değildir. İşletim sisteminin azaltılmış hareket tercihini dikkate almak, zorunlu olmayan animasyonları kapatmak için iyi bir başlangıçtır.
Bu adımlar erişilebilirliğin tamamını kapsamaz. Yine de semantik HTML, klavye testi, anlaşılır metinler ve kullanıcı tercihleriyle başlamak, birçok sorunu daha tasarım aşamasında görünür kılar.