Erişilebilirlik çoğu projede son aşamada, bir kontrol listesi olarak gündeme gelir. Bu sıralama hem maliyetli hem de sonuçsuzdur; sonradan eklenen erişilebilirlik genellikle yüzeysel kalır.
Oysa erişilebilir tasarım kararlarının büyük kısmı, herkes için daha iyi bir deneyim üretir.
Erişilebilirlik yalnızca engelli kullanıcılar için değildir
Yüksek kontrast, güneş altında telefona bakan herkes için işe yarar. Altyazı, sessiz ortamda video izleyen herkes için. Büyük dokunma hedefleri, yürürken telefon kullanan herkes için.
Bu nedenle erişilebilirlik bir azınlık meselesi değil, koşullara dayanıklılık meselesidir. Kullanıcılar geçici olarak da kısıtlanır: kırık bir kol, gürültülü bir ortam, zayıf bir bağlantı.
Klavye kullanımı en hızlı testtir
Bir sitenin erişilebilirliğini değerlendirmenin en pratik yolu, fareyi bırakıp yalnızca klavyeyle gezmektir. Tab tuşuyla tüm etkileşimli öğelere ulaşılabiliyor mu, odağın nerede olduğu görünüyor mu, açılan menüler Escape ile kapanıyor mu?
Odak göstergesinin kaldırılması yaygın bir tasarım hatasıdır. Görsel olarak temiz görünür ama klavye kullanıcısı için siteyi kullanılamaz hâle getirir.
Bu test dakikalar sürer ve genellikle en kritik sorunları ortaya çıkarır.
Semantik yapı ekran okuyucunun haritasıdır
Ekran okuyucu kullanan biri sayfayı baştan sona dinlemez; başlıklar arasında gezinerek aradığını bulur. Başlık hiyerarşisi doğru kurulmamışsa bu gezinme mümkün olmaz.
Aynı şekilde, görsel olarak buton gibi görünen ama aslında bağlantı olan öğeler, beklenmedik davranışlar üretir. Doğru etiketin doğru işle eşleşmesi, ek bir kod değil doğru kod meselesidir.
Görsellerdeki alternatif metin de bu kapsamdadır: dekoratif görsellerin boş bırakılması, bilgi taşıyan görsellerin ise tanımlanması gerekir.
Kontrast bir tasarım kısıtıdır
Marka renginin metin olarak kullanılabilmesi, arka planla arasındaki kontrast oranına bağlıdır. Bu oran hesaplanabilir ve tartışmaya açık değildir.
Kısıt tasarım aşamasında bilindiğinde palet buna göre kurulur. Sonradan fark edildiğinde ise tüm uygulamaların gözden geçirilmesi gerekir.
Hareket herkes için rahat değildir
Kaydırmaya bağlı animasyonlar ve otomatik oynayan hareketler, bazı kullanıcılarda baş dönmesi ve rahatsızlık üretir. İşletim sistemlerinde bunun için bir tercih ayarı bulunur.
Bu tercihe saygı göstermek teknik olarak basittir ve deneyimi kimse için bozmaz; tercih etmeyenler animasyonu görmeye devam eder.
Erişilebilirlik marka mesajıdır
Kalite iddiası taşıyan bir markanın sitesinin klavyeyle kullanılamaması, iddiayla çelişir. Kullanıcı bunu teknik bir eksiklik olarak değil, özensizlik olarak okur.
Bu nedenle erişilebilirlik bir uyum yükü değil, markanın özen seviyesini gösteren en somut kanıtlardan biridir.
Yasal boyut
Erişilebilirlik birçok ülkede yasal bir yükümlülük hâline geldi ve kamu ile çalışan kurumlarda ihale şartı olarak karşımıza çıkıyor.
Türkiye'de de kamu kurumlarına yönelik düzenlemeler mevcut ve özel sektörde beklenti yükseliyor. Sonradan uyum sağlamak, baştan erişilebilir tasarlamaktan belirgin biçimde pahalıdır.
Erişilebilirlik ve SEO örtüşmesi
Ekran okuyucunun sayfayı anlaması ile arama motorunun sayfayı anlaması büyük ölçüde aynı yapıya dayanır: doğru başlık hiyerarşisi, anlamlı bağlantı metni, görsellerde alternatif metin.
Bu nedenle erişilebilirlik çalışması ayrı bir maliyet kalemi değil, SEO çalışmasıyla örtüşen bir yatırımdır. İki bütçeden birini harcayıp iki sonucu almak mümkündür.
Nereden başlamalı
Tam uyum uzun bir yoldur; ancak en yüksek etkili üç müdahale kısa sürede yapılabilir: görünür odak göstergesi eklemek, renk kontrastlarını eşiğe çekmek ve görsellere alternatif metin yazmak.
Bu üçü, klavye ve ekran okuyucu kullanıcılarının karşılaştığı engellerin büyük kısmını kaldırır ve hiçbiri tasarımı bozmaz.
Özet
Erişilebilirlik sonradan eklenen bir katman değil, baştan alınan tasarım kararlarının toplamıdır. Klavye testi en hızlı teşhis yöntemidir; kontrast ve semantik yapı ise tasarımın kısıtları olarak baştan kabul edilmelidir.
Bu yazıda anlatılan çalışma frontend geliştirme kapsamında yürütülür.