Web Erişilebilirliği 101: Herkes İçin Tasarım

Web tasarımı erişilebilirlikle ilgilidir. Çoğu web tasarımcısı, hedef kitleleri içindeki en geniş insan kitlesi için ürünler yaratmayı ve onlara en büyük kullanıcı akışını sağlamak için tasarımlarını açık ağlar gibi dağıtmayı amaçlar.

Ve bu tasarım ilkesinin bir mantığı olsa da, biraz daha basit ve daha kapsayıcı bir ilkeyi gölgede bırakıyor: Çoğu insan için değil, tüm insanlar için tasarım.

İçeriği optimize edin, böylece olası her kullanıcı web sitenizden keyif alabilir ve web sitenizle etkileşim kurabilir ve mevcut bilgi ve verilere erişebilir. Bu uygulamaya dahil olmak, daha geniş bir pazar geliştirmenize ve müşteri tabanınızı çeşitlendirmenize yardımcı olacaktır. Dünya nüfusunun %15'i bir dereceye kadar engellidir.

Bunlar, herkes gibi interneti sıklıkla kullanan ve büyük ölçüde dijital iletişim ve araçlara güvenen kişilerdir. Kullanıcıların harika bir deneyim yaşamasını sağlamak için web sitenizi optimize etmek, etkileşim ağınızı genişletebilir. Tasarımınıza dahil etme alıştırması yaparak, genellikle gözden kaçan milyonlarca kişiye ulaşabileceksiniz.

Erişilebilirlik için tasarım yapmak zor olmak zorunda değil. Sadece basit ve tüm potansiyel kullanıcılar için düşünceli olması gerekiyor. Web sitenizi maksimum erişilebilirlik için nasıl optimize edeceğiniz aşağıda açıklanmıştır.

Kullanıcılarınızı Anlayın

Herhangi bir projede hedef kitlenizi tanımak çok önemlidir, bu nedenle başlamak için en iyi yer orasıdır. Kullanıcılarınızın farklı yeteneklere sahip bireyleri içerebileceğini anlayın. Bazı kullanıcılarınız işitme veya görme engelli olabilir, bazılarında nöbet bozuklukları olabilir, bazılarında hala hareket sorunları olabilir.

Her olası senaryo için tasarım yapamazsınız, ancak mümkün olduğunca çok senaryo düşünmek için zaman ayırırsanız tasarım ufkunuzu genişletirsiniz. Genişletilmiş hedef kitlenizi düşündükten sonra biraz araştırma yapın. Örnek olay incelemelerini okuyun, deneyimi olan arkadaşlarla konuşun, erişilebilirlik kılavuzlarına bakın.

Belki eğitim alanından bir sayfa almayı deneyin, evrensel tasarım ilkeleri iyi bir referanstır.

UX'i düşünün

Artık gelecekteki kullanıcılarınızla bir anlayış geliştirdiğinize göre, bu anlayışı kullanıcı deneyimi (UX) çerçevenize yerleştirin. Bu adım, kullanıcılarınızla empati kurmanıza ve daha önce düşünmemiş olabileceğiniz şeyleri düşünmenize yardımcı olacaktır. Ayrıca sizi çok çeşitli yardımcı teknoloji tanımlarına yönlendirecektir.

Bir tasarımcının her büyük tarayıcıda bir web sitesinin davranışını dikkate alması gerektiği gibi, yardımcı teknolojiler de işlevsellik kontrol listesinin bir parçası olmalıdır. Bazen web tasarımında yapılacak en küçük değişiklikler bile engelli kullanıcılar için yeni kapılar açabilir.

Basit Bir Değişiklik

Örneğin, muhtemelen uygulanması en kolay değişiklik, vurgu etiketlerini nasıl kullandığınızdır.

Görsel olarak, <b> ve <strong> arasında hiçbir fark yoktur ve <i> öğesi <em> farklı görünmez. Ancak engelli kişiler için bu etiketler, kullanıcı deneyimlerini keskin bir şekilde değiştirebilir.

Aynı, etkili bir şekilde kalın ve italik olarak oluştursalar da, bu etiketler arasındaki fark işlevleridir. Daha basit kalın ve italik etiketler sunuma yönelik olsa da (metnin işleme şeklini değiştirir), güçlü ve vurgu yardımcı teknoloji için farklı konuşma kalıplarını belirtir.

Ancak tüm <b> öğelerini <strong> ile körü körüne değiştirmek kadar basit değil. Örneğin birçok başlık, kontrast için kalın metin kullanır, ancak engelli kullanıcıların burada bir <strong> etiketi yaşaması belki de en iyisi değildir. “Kullanıcının tam anlamını deneyimlemesi için bu metnin farklı şekilde söylenmesi mi gerekiyor?” diye düşünün. Değilse, gerçekten gerekli olmadıkça <strong> veya <em> öğesini bırakmayı düşünün.

Bunun gibi küçük değişiklikler ve düşünceler, engelli kullanıcılar için tüm farkı yaratabilir. UX'i yükseltmek ve düşürmemek önemlidir.

Görme Engelliler İçin Tasarım

Yukarıdaki tavsiyeler zaten görme engelliler için faydalı olsa da, görme sorunu olan herkes aynı düzeyde veya türde bir engele sahip olmayacaktır. Görme yetisini kullanmaya devam edenlere uygun seçenekler sunmak da aynı derecede önemlidir.

Şu unsurları göz önünde bulundurun:

• Kullanıcıların yazı tipini büyütmesine izin verin. Çoğu tarayıcı bunu sizin rızanız olsun ya da olmasın yapacaktır, ancak bunun için hazırlanmış CSS'niz varsa daha hoş görünecektir.
• Kırmızı ve yeşil veya mavi ve sarı gibi belirli renk kombinasyonlarından kaçının. Bunun yerine, erişilebilirliği artırırken dönüşümleri artırmak için neden renk kullanmıyorsunuz?
• “Alt metin”deki kod. Alternatif metin, yardımcı teknoloji ile okunabilir ve sayfadaki herhangi bir grafiği açıklayabilir.
• Kısaltmalarda, iyi bilinenlerde bile nokta kullanın. Bir ekran okuyucunun bilgileri işleme şekli genellikle fonetiktir: FBI'a karşı "Fibby" kelimesini duyduğunuzu hayal edin.

Öğeleri görme engelli kullanıcılar için dahil etmenin yolları hakkında daha fazla bilgi için Amerikan Körler Vakfı'na bakın.

İşitme Engelliler İçin Tasarım

İşitme engelliler daha az uyum gerektirse de, web sitelerinde video kullanımındaki son trendler akıllı tasarım seçeneklerine olan ihtiyacı artırdı. Bu nedenle, web siteniz herhangi bir işitsel bileşen içeriyorsa, altyazı veya işaret dili çevirisi kullanın.

Otomatik alt yazı kullanmanın cazibesinden kaçının - mantıklı olmayan ve sayım açısından verimli olabilecek kelime çevirilerini görmek için otomatik transkripsiyon kullanılarak işlenmiş herhangi bir rastgele videoya uğrayın.

Özel altyazı yönergeleri için Ulusal Sağırlar Derneği'nin önerileri burada bulunabilir.

Işığa Duyarlı Epilepsi için Tasarım

Videonun, özellikle de otomatik oynatma işlevini kullanan videonun yaygın kullanımıyla ilgili tasarım endişelerinden biri, ışığa duyarlı epilepsisi olan kullanıcıları çevreliyor. Bu kullanıcılar, flaş ışığı türü efektler veya hareketli görüntüler tarafından tetiklenen nöbetler yaşayabilir. Web tasarımcıları, içeriklerinin bir nöbeti tetikleme olasılığını kontrol etmek için Işığa Duyarlı Epilepsi Analiz Aracını kullanabilir.

İçeriğin risk altında olduğu belirlendiyse ancak riski azaltmak için değiştirilemiyorsa, her zaman potansiyel konusunda uyarın ve videoyu otomatik olarak oynatmayın. Uyarının görünür olduğundan ve oynat düğmesinin yakınında olduğundan emin olun.

Mobilite Bozukluğu için Tasarım

Bazı hareket bozuklukları, ince motor kontrolünün tamamen kaybından hafif bir titremeye kadar değişebilir. Her iki düzeyde de bozulma, onları dikkate almayan bir web sitesinde aynı kullanıcı deneyimiyle sonuçlanır:

• Kullanıcılar bağlantılara ulaşmak için daha fazla çaba sarf etmelidir ve çabuk yorulabilirler.
• Kullanıcılar, klavye kullanımına izin vermediği için web sitesinde gezinemezler.
• "Başa dön" veya "atla" seçeneği bulunmadığından, uzun bir sayfada gezinmek yorgunluğa neden olur.

Dokunmatik ekran veya hassas fare girişi için optimize edilmiş siteler, hareket kabiliyeti kısıtlı kişiler için daha ciddi sonuçlar doğurabilir ve muhtemelen siteyi kullanılamaz hale getirebilir.

Klavye kullanılarak çalıştırılabilen gezinme ve kullanıcıyı sayfanın farklı bölümlerine çekebilecek sık bağlantı bağlantıları gibi tasarım öğelerini birleştirmek, bu kullanıcılara yardımcı olmak için uzun bir yol kat edebilir.

Bir “Temel” Web Sitesi Seçeneği Oluşturun

Tasarımınız kusursuz, etkileşimli ve çarpıcı, açık pazarda mevcut olan en yeni ve en büyük trendleri kullanıyor ve yukarıda belirtilen kullanıcıların hiçbirine zar zor erişilebiliyor.

Bu, web tasarımınıza benziyorsa, daha kolay bir alternatif, kullanıcıların açıp kapatabileceği “basit” bir düzen oluşturmak olabilir. Bu, engelli kullanıcılardan daha fazlasına hitap edecek: Örneğin, yüksek kontrastla tetiklenen migrenlerden muzdarip kullanıcılar için, erişimi kolay bir geçişe sahip olmak, müşteri olmak ile üç saatlik bir migrenle mücadele etmek arasındaki fark olabilir.

Orada da durma. Abonelik listeleriniz için aynı seçeneği uygulayarak, kullanıcıların e-posta pazarlaması almadan önce tercihlerini kolayca düzenlemelerine izin verin.

Farklı kullanıcılarınızı anlamaya devam edin. Onları düşünmeye devam et. Kullanıcılarınızı ne kadar anlar ve onlarla empati kurarsanız, UX tasarımı o kadar kolay erişilebilir hale gelir. Kim bilir? Hatta birinin dünyasını bile değiştirebilirsiniz.