Web Tasarımlarında Erişilebilirlik Sağlamak

web tasarım Web Tasarımlarında Erişilebilirlik Sağlamak

Web tasarımlarında erişilebilirlik, bir web sitesinin kullanıcı deneyiminin mümkün olduğu kadar insana ulaşabilmesinin bir ölçüsüdür. Çoğunlukla web tasarımlarının erişilebilirliğinden konuşurken engelli insanların internete nasıl erişebileceği üzerine tartışıyoruz.

Web tasarımlarındaki erişilebilirliğin en genel sembollerinden biri ekran okuyucularıdır. İsminden de anladığımız gibi ekran okuyucuları, bilgisayar kullanan insanlar için ekrandaki içeriği sesli olarak okuyan destekleyici bir teknolojidir.

Ekran okuyucuları genellikle görme engelli veya zayıf görüş sorunu yaşayan insanlar arasında yaygındır ama aynı zamanda okuma eylemini yorucu gören, öğrenme zorluğu çeken veya yalnızca içeriği okumak yerine dinlemeyi tercih eden insanlar tarafından da kullanılabilir.

Erişilebilirliğin yalnızca engelli insanlar için geçerli bir kavram olmaması gibi, erişilebilirlikle ilgili tek geliştirme de ekran okuyucuları değildir.

Belirli bir ihtiyaç grubu için web sitesini erişilebilir yapmanın diğer insanlara da yararı olabilir. Geniş bir ihtiyaç skalasını karşılayan ve birçok insan tarafından kullanılabilir bir web sitesi yapmak kapsamlı tasarım olarak da adlandırılabilir.

Web sitelerimizi geniş bir ihtiyaç skalası için nasıl kullanışlı yapabileceğimizi araştırırken beş ana başlığa odaklanabiliriz: Görsel, işitsel, devinimsel, bilişsel ve harekete duyarlı destek.

Görsel erişilebilirlik: Görmeyi kolaylaştırın

görsel erişebilirlik için anlamsal HTML kullanın

Web tasarımlarımızın görülmesini kolay yapmak görme sıkıntısı çeken insanlara yararı olacak bir geliştirme olabilir. Renk körü olan insanları veya yalnızca parlak güneş ışığı altında mobil cihazlarından web sitenize giriş yapan insanları bu alanda değerlendirebiliriz.

Ekran okuyucuları bu noktada web tasarımınızdaki içerikleri görmekte zorluk çeken insanlara yardım edebilir. Web sitelerimizi ekran okuyucuları için erişilebilir yapmak adına, içeriklerimizi tanıtmak için ilgili HTML elemanlarını kullanmayı deneyebiliriz.

Örneğin sırasız listeler (unordered list) için <ul> elemanını kullanın. Bu hem kullanıcılarınızın listeyi sıradan metinlerden ayırmalarına yardım eder, hem de tarayıcılarınızın bunun için görsel işaretler ve davranışlar sunmasını mümkün kılar.

Listeleri tanımlamak için <ul> ve liste maddelerini tanımlamak için <li> elemanını kullandığımız zaman tarayıcılar kullanıcılarına bunun bir liste olduğu konusunda bilgi verebilir. Ayrıca liste içinde kaç madde olduğunu belirterek kullanıcılara bu elemanlar arasında kolaylıkla geçiş yapabilme imkanı sunabilir.

Görsel içeriklere metin alternatifleri vermek de başka bir kolay kazanç durumudur. Alternatif metinler tanımlamak için görsellerde "alt text" niteliğini kullanarak hem ekran okuyucuları kullanan insanlara hem de zayıf internet bağlantısı olan, resimleri görüntülemekte sıkıntı çeken insanlara daha iyi deneyimler sunabilirsiniz.

Ayrıca bir arama motoru web sitenizi indekslerken içeriğin uygunluğuna bir değer biçmek için HTML'de tanımlı yapıyı kullanır.

İşitsel erişilebilirlik: Duymayı kolaylaştırın

işitsel erişebilirlik yalnızca ekran okuyucularını etkilemez

İşitsel içeriklere alternatif sağlamak işitme engelli insanlar, duyma sıkıntısı çeken insanlar ve hatta trende bir video izlemeye çalışan kulaklıksız insanlar için yararlı olabilir.

Eğer alternatifler sağlanmadıysa ses veya video içerikleri tamamen erişilemez olabilirler. Altyazı tanımlamak size zaman ve para kaybı gibi gelebilir ama bunlar sosyal medyada videolar için oldukça kullanılan geliştirmeler.

Bu videolara altyazı eklemek hem cihazlarında ses sorunu olan insanlar, hem de duyma sorunu çeken insanlar için oldukça yararlıdır. Daha uzun videolar ve sesler için belge tanımlamak etkili bir metin alternatifi olabilir ve bunlar arama motorları tarafından oldukça kolay indekslenebilirler.

Devinimsel erişilebilirlik: Etkileşim kurmayı kolaylaştırın

farklı cihazlar için erişilebilirliği düşünmek web tasarımınız i

Dokunmatik ekranlar ve mobil cihazlar yaygınlaştığından insanların web tasarımlarındaki etkileşimleri konusunda daha fazla bilgi sahibi olduk. Motor kontrolü zayıf olan insanlar farelerini hareket ettirmede veya yazı yazmada ciddi zorluklar çekebiliyorlar.

Tıklanabilir elemanları, linkleri veya butonları daha büyük yaparak etkileşimli elemanların daha erişilebilir olmalarını sağlayabiliriz. Bu şekilde insanlar farelerini veya dokunmatik ekranlarını daha rahat kullanabilirler.

Bir web tasarımının etkileşimlerini geliştirmenin diğer bir yolu da klavye navigasyonlarını mümkün kılmaktır.

Bilişsel erişilebilirlik: Anlamayı kolaylaştırın

web tasarımlarınız için yazdığınız içerikler basit bir dille olu

İçeriklerin kendisinin de erişilebilir olması gerekiyor. İçeriklerinizi ve arayüzünüzü anlaşılması kolay yapmak öğrenme zorluğu çeken insanlar için yararlı olabilir. Metinsel içeriklerinizin anlaşılması kolay olması okuma zorluğu çeken insanlar için farklılık yaratabilir.

Bazı metaforları ve jargonları anlamayan, farklı dil konuşan insanlar için yalın bir yazı dili kullanmak da faydalı olabilir. Hatta stresli bir durumda olan ve bir bilgiye mümkün olduğunca hızlı ulaşmak isteyen kullanıcılar için başlıkları ve listeleri kullanmak, onları gerekli bilgiye ulaştırmak konusunda etkili olabilir.

Tarih: 2018-03-29 15:14 - 2 ay 23 gün önce

Erişilebilirliğin yalnızca engelli insanlar için geçerli bir kavram olmaması gibi, erişilebilirlikle ilgili tek geliştirme de ekran okuyucuları değildir.

web tasarım

Son Eklenenler

Web Tasarımlarınızda Kullanabileceğiniz 5 Geliştirme

Web Tasarımlarınızda Kullanabileceğiniz 5 Geliştirme

UX/UI Tasarımında Nasıl Uzmanlaşırsınız?

UX/UI Tasarımında Nasıl Uzmanlaşırsınız?