Bir arayüz tasarlarken "erişilebilirlik" kelimesi çoğu zaman listenin en altına, zaman kalırsa bakılacak bir madde olarak yazılır. Oysa erişilebilirlik, ürünün kaç kişi tarafından rahatça kullanılabildiğini doğrudan belirleyen bir tasarım kalitesi meselesidir. Bu yazıda, teknik jargona fazla girmeden, tasarımcıların ve ürün ekiplerinin günlük kararlarında uygulayabileceği somut kuralları ele alıyoruz.
Bir bakışta
- Erişilebilirlik, sadece engelli kullanıcılar için değil herkesin zaman zaman ihtiyaç duyduğu bir tasarım yaklaşımıdır.
- Renk kontrastı, klavye erişimi, ekran okuyucu uyumu ve dokunma hedefi boyutu kullanılabilirliği doğrudan etkiler.
- Erişilebilirlik sonradan eklenen bir yama değil, tasarım sürecinin en başından düşünülmesi gereken bir unsurdur.
Erişilebilirlik Aslında Kimin İçin?
Erişilebilirlik denince akla ilk olarak görme, işitme ya da hareket engeli olan kullanıcılar gelir. Bu doğru, ama eksik bir tanımdır. Gerçekte çoğumuz hayatın bir noktasında "durumsal" bir kısıtla karşılaşırız: Kolu alçıda olan biri fareyi rahat kullanamaz, gürültülü bir ortamda olan biri sesli bildirimi duyamaz, güneş altında telefon ekranına bakan biri düşük kontrastlı metni okuyamaz.
Bu açıdan bakıldığında erişilebilirlik, dar bir kullanıcı grubuna yönelik özel bir düzenleme değil, herkesin zaman zaman ihtiyaç duyabileceği bir tasarım yaklaşımıdır. İyi tasarlanmış erişilebilir bir arayüz genellikle daha net, daha öngörülebilir ve daha az kafa karıştırıcıdır — bu da genel kullanılabilirliği de yükseltir.
Renk Kontrastı ve Metin Okunabilirliği
Açık gri yazının beyaz zemin üzerinde "şık durduğu" için tercih edilmesi, tasarımda sık yapılan hatalardan biridir. Düşük kontrastlı metin-arkaplan kombinasyonları, görme zorluğu yaşayan kullanıcılar için okumayı zorlaştırırken; iyi ışık koşullarında bile herkes için göz yorucu olabilir.
Buna ek olarak, bilgi vermek için yalnızca renge güvenmek de riskli bir tercihtir. Örneğin bir formda hatalı alanı sadece kırmızı çerçeveyle işaretlemek, renk körlüğü olan bir kullanıcı için bu işareti görünmez kılabilir. Renkle birlikte ikon, metin açıklaması veya farklı bir görsel desen kullanmak, bilginin herkese ulaşmasını sağlar.
Yazı boyutu, satır aralığı ve font seçimi de okunabilirliği doğrudan etkiler. Çok küçük punto, sıkışık satır aralığı veya ince/dekoratif fontlar, metni herkes için değilse bile önemli bir kullanıcı kesimi için zorlaştırır.
Klavye ile Gezinebilirlik ve Odak Göstergeleri
Herkes fareyi ya da dokunmatik ekranı aynı rahatlıkla kullanmaz. Bazı kullanıcılar tercihen, bazıları ise motor becerileriyle ilgili kısıtlar nedeniyle arayüzde tamamen klavye ile gezinir. Bu yüzden bir arayüzdeki tüm etkileşimli öğelerin — butonlar, bağlantılar, form alanları — klavye ile de erişilebilir olması gerekir.
Bunun görünür tarafı "odak göstergesi"dir (focus indicator). Bir kullanıcı Tab tuşuyla ilerlerken, hangi öğenin şu anda seçili olduğunu net bir şekilde görebilmelidir. Bu göstergeyi sadece estetik kaygıyla kaldırmak, klavye kullanan kişiyi arayüzde adeta "kör" bırakır.
Ayrıca sekme (tab) sırasının, sayfadaki görsel düzenle tutarlı ve mantıklı bir akış izlemesi gerekir. Sıra karmaşıksa kullanıcı nerede olduğunu kaybeder ve arayüz kullanılamaz hale gelir.
Ekran Okuyucularla Uyumlu Çalışmak
Görme engelli kullanıcıların büyük bir kısmı arayüzlerle ekran okuyucu yazılımlar aracılığıyla etkileşime girer. Bu yazılımlar, ekrandaki içeriği sesli olarak okuyabilmek için görsel öğelerin arkasındaki yapıya ihtiyaç duyar.
Bu nedenle görsellere, ikonlara ve butonlara anlamlı etiketler eklemek kritik önemdedir. Sadece dekoratif bir ikon değilse, "sil", "paylaş" gibi işlevini açıkça belirten bir etiket taşımalıdır. Aynı şekilde bir sayfanın başlıkları, listeleri ve bölümleri semantik olarak doğru yapılandırılmalıdır; yani görsel olarak "başlık gibi görünen" bir metin, altyapıda da gerçekten başlık olarak tanımlanmalıdır.
Kısacası, bir arayüz sadece göze hitap eden bir düzen değil, aynı zamanda ekran okuyucunun doğru yorumlayabileceği bir yapı olmalıdır. Bu, tasarımın görünmeyen ama en az görünen kısmı kadar önemli bir katmanıdır.
Mobil Arayüzlerde Dokunma Hedefi Boyutu
Mobil arayüzlerde sıkça karşılaşılan bir sorun, ikon ve butonların gereğinden küçük tasarlanmasıdır. Bu durum, ince motor kontrolü olan, titreme yaşayan veya sadece kalabalık bir ortamda telefonu tek elle kullanan herkes için tıklama işlemini zorlaştırır.
Dokunma hedeflerinin yeterince büyük olması ve birbirine çok yakın konumlandırılmaması, yanlış tıklamaları azaltır. Aynı zamanda öğeler arasında yeterli boşluk bırakmak, sıkışık ve kalabalık görünen arayüzlerin önüne geçer — bu da sadece erişilebilirliği değil, genel kullanım deneyimini de iyileştirir.
Hareket, Animasyon ve Azaltılmış Hareket Seçenekleri
Animasyonlar arayüze canlılık katsa da, bazı kullanıcılarda baş dönmesi, mide bulantısı veya genel rahatsızlık hissi yaratabilir. Özellikle büyük, hızlı veya sürekli tekrar eden hareketler bu etkiyi güçlendirir.
Bu nedenle kullanıcıya animasyonları azaltma veya kapatma imkanı sunmak önemli bir tasarım kararıdır. Ayrıca her hareketin bir işleve hizmet etmesi beklenir: bir geçiş animasyonu kullanıcının bağlamı kaybetmemesine yardımcı oluyorsa anlamlıdır, ama sadece "hoş görünsün" diye eklenen dekoratif hareketler gözden geçirilmelidir.
Form Tasarımı ve Hata Mesajlarında Netlik
Form doldurmak, birçok kullanıcı için arayüzle en çok sürtünme yaşanan andır. Bir alanın ne beklediği (telefon numarası formatı, şifre uzunluğu gibi) baştan açıkça belirtilmezse, kullanıcı deneme yanılmayla ilerlemek zorunda kalır.
Hata mesajları da aynı derecede önemlidir. "Hata oluştu" gibi belirsiz bir ifade yerine, sorunun ne olduğunu ve nasıl düzeltileceğini açıklayan, yönlendirici bir dil kullanılmalıdır. Mesaj suçlayıcı değil, çözüm odaklı olmalıdır. Ayrıca hatanın nerede olduğu sadece renkle değil, metin ve ikonla birlikte gösterilmelidir; böylece hem görsel hem de ekran okuyucu kullanan kişiler hatayı kolayca bulabilir.
Erişilebilirliği Sürecin Başından Düşünmek
Belki de en önemli kural şudur: Erişilebilirlik, tasarım tamamlandıktan sonra eklenen bir "yama" değildir. Sonradan eklenmeye çalışıldığında hem daha maliyetli olur hem de genellikle eksik kalır — çünkü arayüzün temel yapısı zaten farklı bir mantıkla kurulmuştur.
Erken aşamada düşünülen erişilebilirlik kararları — kontrast oranını seçerken, buton boyutunu belirlerken, form akışını kurgularken — daha tutarlı ve daha az emek gerektiren sonuçlar doğurur. Ürün ekipleri bu yaklaşımı büyük bir yeniden yapılanmayla değil, günlük kararlara küçük alışkanlıklar ekleyerek benimseyebilir: Her yeni bileşen tasarlanırken "bunu klavyeyle kullanabilir miyim, ekran okuyucu bunu nasıl okur, kontrast yeterli mi" gibi birkaç basit soruyu sormak, zamanla bu bakış açısını sürecin doğal bir parçası haline getirir.
