Kapsayıcı Tasarım, Erişilebilirlik ve Evrensel Tasarım Arasındaki Fark
Erişilebilirlik, evrensel tasarım ve kapsayıcı tasarım pratikte birbirinin yerine kullanılıyor. Sorun terminoloji titizliği değil: üçü karıştığında ekip neyin zorunlu neyin tercih olduğunu ayırt edemiyor, denetimden geçmesi gereken madde ile iyi niyetli bir eklenti aynı listeye giriyor. Ayrımı netleştirmek ve her birinin uygulamada neye mal olduğunu görmek, kararı hızlandırıyor.
Üç kavram, üç farklı iş
Erişilebilirlik bir uyum işi. WCAG gibi bir standarda karşı ölçülür, denetlenir, geçti ya da geçmedi diye raporlanır. Kapsamı net, sınırı da net: standart minimumu tanımlar, iyi deneyimi tanımlamaz.
Evrensel tasarım tek çözümle herkesi kapsamayı hedefler. Fiziksel dünyada bu makul, çünkü bir binaya ikinci bir giriş inşa etmenin maliyeti ağır. Rampa hem tekerlekli sandalyeyi hem bavullu yolcuyu taşır, iş orada biter.
Kapsayıcı tasarım ise tek çözüm yerine seçenek üretir. Aynı içeriği farklı yazı ölçeğiyle, farklı kontrastla, farklı yazı yönüyle sunar. Yazılımda bu yaklaşım daha uygulanabilir, çünkü varyasyon üretmenin maliyeti betondaki kadar yüksek değil.
Hangisi nerede? Erişilebilirlik tartışmaya kapalı, hem hukuki hem işlevsel bir taban. Evrensel tasarımı tek bir arayüz kararı verirken hedefle: klavyeyle gezinilebilen bir menü herkes için çalışır ve iki ayrı menü tutmaktan iyidir. Kapsayıcı yaklaşımı ise kullanıcının kendisi hakkında bilgi verdiği yerlerde kullan. İsim, cinsiyet, ten rengi, dil. Buralarda tek doğru varsayım yok.
Varyasyon sunmanın gerçek maliyeti
Kapsayıcı tasarım anlatıları genellikle burada susuyor: her yeni seçenek test yüzeyini toplayarak değil çarparak büyütüyor. İki tema, üç yazı ölçeği ve iki yazı yönü on iki görsel kombinasyon demek. Buna responsive kırılma noktalarını da ekleyince gözle kontrol edilecek ekran sayısı üç haneye çıkıyor.
Bu yüzden varyasyonu arayüz katmanında dallandırmak yanlış yol. Renk, ölçek ve yön birer değişken olarak tanımlanırsa (CSS özel değişkenleri, tasarım token'ları, margin-inline-start gibi mantıksal özellikler) tek bir bileşen ağacı bütün kombinasyonları taşır. O zaman test edilen şey kombinasyon değil, değişkenin kendisi olur. Karanlık mod için ayrı bir şablon kopyası tutan projede o kopya birkaç sürüm içinde geri kalıyor (bakımsız ikinci bir arayüz, hiç olmayan arayüzden daha kötü sonuç veriyor).
Okunabilirlikte zorunlu olan ve olmayan
Kontrast pazarlık konusu değil. WCAG'ın AA seviyesi normal gövde metni için 4.5:1, büyük punto için 3:1 oranını istiyor. Bu bir tercih değil, ölçüm; tarayıcı denetim araçlarıyla dakikalar içinde kontrol edilir.
Yazı boyutu butonu ise çoğu ekibin sandığı kadar zorunlu değil. Standardın istediği, sayfanın yüzde iki yüz büyütmede içerik ya da işlev kaybetmeden çalışması. Bunu tarayıcının kendi yakınlaştırması zaten sağlıyor. Kendi büyütme kontrolünü koymak, düzen sabit piksel ölçülerine gömülüyse ya da uzun makale okunuyorsa anlam kazanıyor; Washington Post'un yazı ölçeği kontrolü bu ikinci durumun örneği. Sıra önemli: önce sayfanın yakınlaştırmada bozulmadığını doğrula, buton sonra gelir.
Karanlık mod da benzer bir yanlış anlaşılma taşıyor. Göz konforu iddiası düşük ışıkta doğru, aydınlık ortamda koyu zemin üzerindeki ince yazı okunabilirliği düşürüyor. İki modu birlikte sun, birini diğerinin yerine koyma. Presbiyopi yaşayan bir okuyucu için asıl farkı yaratan mod değil, punto ve satır yüksekliği.
Formlar kapsayıcılığın en sık kırıldığı yer
İsim alanı iyi bir test. Ad ve soyad diye iki zorunlu alan açmak; tek isimli kullanıcıyı, dört parçalı isim taşıyanı ve soyadını önce yazan kültürleri dışarıda bırakıyor. Uzunluk sınırı geniş, karakter kısıtı olmayan tek bir tam ad alanı bu vakaların hepsini karşılıyor. Apostrof ve tireyi engelleyen doğrulama kuralı gerçek isimleri reddediyor, Facebook'un isim politikası etrafındaki belge talebi tartışması da buradan çıktı.
Cinsiyet alanında sorulacak ilk soru şu: bu veriyi neden istiyorsun? Ürün akışında gerçek bir kullanımı yoksa alanı kaldır. Gerekiyorsa serbest metin ya da geniş bir liste sun; Tinder'ın onlarca tanımlı seçeneği bu yaklaşımın uç örneği. Zorunlu ikili seçim hem veri kalitesini düşürüyor hem kullanıcıyı yanlış cevaba zorluyor.
Temsil ve filtreler
Sephora'nın ten tonuna, Pinterest'in saç tipine göre filtre sunması kapsayıcılığın en ölçülebilir hali. Filtreyi kullanan kullanıcının arama terk oranına ve dönüşümüne bakarsın, etki rakamda görünür. Temsil tartışmasını görsel tercihten önce arama ve filtre tarafında açmak bu yüzden daha verimli.
İllüstrasyon tarafı daha yumuşak bir kazanç. Atlassian ve Airbnb'nin yüzsüz minimal çizimlerden ten rengi ve beden çeşitliliği gösteren illüstrasyonlara geçmesi aidiyet hissini artırıyor, ama etkiyi ölçmek zor ve bu geçiş tek başına bir erişilebilirlik açığını kapatmıyor. Sırayı karıştırmamak yeterli: kontrastı ve klavye erişimi çalışmayan bir arayüzde çeşitli illüstrasyon süs olarak kalıyor.
Kaynaklar