Kapsayıcı Web Tasarımını Yönlendirecek 10 Temel İlke
Yayınlanan: 2020-11-07Araştırmalar, web sitelerinin yaklaşık %70'inin yardımcı teknolojilerle en azından kısmen okunamadığını göstermiştir.
Bu istatistik kulağa şaşırtıcı geliyor ve şok edici. Nasıl oluyor da bu kadar çok marka milyonlarca engelli internet kullanıcısı için bariz düşüncelerden vazgeçiyor?
Toplumda ve iş dünyasında engellilerin ne sıklıkla görünmez kılındığını düşündüğümüzde maalesef bu daha mantıklı gelmeye başlıyor.
Web İçeriği Erişilebilirlik Yönergeleri (WCAG), web sitelerinin erişilebilirliklerini ve dolayısıyla kapsayıcılıklarını nasıl iyileştirebileceğini tanımlar.
Bu yönergelerin birçoğu yasalarla güvence altına alınmıştır, bu nedenle web sitenize erişilemiyorsa işletmeniz risk altında olabilir.
Kapsayıcılığın işinize ve müşterilerinize faydaları çok büyük.
Erişilebilirlik size daha büyük bir kitle payı sağlar, ancak aynı zamanda müşteri güveni oluşturmanın anahtarıdır.
Engelli olsun ya da olmasın tüm müşteriler daha sorunsuz bir web sitesi deneyiminden yararlanacaktır. Bu deneyimi önemseyen bir işletmeyi takdir edeceklerdir.
Kapsayıcılık, müşterilerinizin ihtiyaçlarını ve hizmetinize erişimlerinin nasıl sınırlandırılabileceğini düşünmek anlamına gelir. Erişilebilirlik özelliklerinin başarılı bir şekilde uygulanması, bu sınırların üstesinden gelmenize yardımcı olacaktır.
Bu makale web sitesi tasarımına odaklansa da, önemli bir erişilebilirlik sorununun internet erişimi eksikliği olduğunu unutmayın, bu nedenle tüm alanlarda kullanılabilirliği artırmaya çalışmalısınız.
Çevirmeli konferans araması seçenekleri gibi telefon teknolojileri, tüm müşterilerinizle uzaktan iletişim kurmanıza yardımcı olabilir.
Şimdi kapsayıcı web tasarımına rehberlik edecek on temel ilkeye geçelim.
İçindekiler
- Kapsayıcı Tasarım Yönergeleri
- Kapsayıcılık Üzerine Son Sözler
Kapsayıcı Tasarım Yönergeleri
1. Esnek Olun
'Engellilik' terimi, çok çeşitli insan deneyimlerini ve ihtiyaçlarını kapsar. Bu, web sitenizi nasıl erişilebilir ve kapsayıcı hale getireceğinizi düşünürken göz korkutucu olabilir.
Ancak, engelli olsun ya da olmasın tüm müşterilerinizin işletmenize çok farklı ihtiyaç ve tercihlerle geldiğini unutmayın.
Herkesi memnun edemeyeceğiniz doğrudur, ancak mümkün olduğunca çok müşteriye ulaşmak için esnek bir deneyim sunabilirsiniz.
Kullanıcıların sitenize eriştiği bağlamı düşünün. Örneğin, ne tür cihazlar kullanıyorlar? Hizmetlerinizi işte mi yoksa evde mi kullanma olasılıkları daha yüksek?
Yaş ve cinsiyet gibi demografik özelliklerini belirlemek için müşterilerinizin profilini çıkarın. Bu, işletmeniz için en iyi e-ticaret platformunu veya sayfa tasarımlarını anlamanın anahtarlarından biridir.
Hem mevcut müşterilerinizi memnun etmek hem de yenilerine ulaşmak için en iyi seçeneğiniz esnekliktir.
Çevrimiçi ve çevrimdışı olarak çeşitli iletişim seçenekleri sunun. İşletmenizle iletişim kurmak ve hizmetlerinizi kullanmak sorunsuz ve acısız olmalıdır. Bu, yalnızca ek ihtiyaçları olanlara değil, tüm müşterilerinize fayda sağlar.
2. Ezici Müşterilerden Kaçının
Bir dereceye kadar hareketli içerik sitenizi öne çıkarmaya yardımcı olabilirken, fazlası endişe uyandırabilir ve baskı oluşturabilir. Anksiyete, otizm veya DEHB gibi zihinsel sağlık ihtiyaçları olan kullanıcılar için bu sorunlar özellikle önemlidir.
WCAG, içerik taşıma konusunda net yönergelere sahiptir. Hareketli içerik (yani GIF'ler, kaydırma ve otomatik güncelleme haber beslemeleri vb.), otomatik olarak başlıyorlarsa, beş saniyeden uzun sürüyorlarsa ve diğer içeriklere paralellerse bir duraklama mekanizmasına sahip olmalıdır.
Hedef kitlenize bağlı olarak, otomatik oynatma içeriğinden tamamen vazgeçmeyi düşünebilirsiniz. Web servislerine alışık olmayan eski müşterilerinizi düşünün.
Çok fazla hareketli, zamana duyarlı bilgi rahatsız edici ve bunaltıcıdır.
Bugünlerde birçok site, siteye girer girmez canlı sohbet açılır penceresine sahiptir. Bunun, kolay erişilebilir bir iletişim aracı olarak avantajları vardır. Ancak, web sitesini her kullandığınızda hemen bir mesaj görünürse rahatsız edici olabilir.
Bir açılır pencere yerine, göze batmayan bir konumda katlanabilir, tabelalarla işaretlenmiş bir canlı sohbet seçeneğiniz olabilir. Müşterileriniz gelir gelmez onlarla temas kurmaya zorlamak çok baskılayıcı olabilir.
Bu, şirketinizin kısa mesaj uygulamaları kullanımı için de geçerli olmalıdır. Müşterilerinizi bildirimlerle boğmayın.
3. Net Tipografi Kullanın
WCAG, tipografi gereksinimleri konusunda nettir:
- Metni sola veya sağa hizalı tutun (iki yana yaslanmış değil)
- Satır ve paragraf aralığı en az 1,5x olmalıdır
- Maksimum paragraf genişliği 80 karakterdir
Her zaman bu yönergelere uymalısınız, ancak daha fazla müşterinizden yararlanmak için daha ileri gidebilirsiniz.
Net, sans serif, iyi boyutta ve arka plan renginizle kontrast oluşturan bir yazı tipi kullanın. Dil, müşterilerinizi himaye etmeden basit ve doğrudan olmalıdır.
Müşterilerin web sitenizden ne beklediğini belirlemek için müşteri araştırmanızdan yararlanın.
Bir diğer önemli husus ise görsellerin içindeki metindir. Mümkünse bundan kaçınılmalıdır.
Kör ve görme engelli kullanıcılar sıklıkla ekran okuyucu yazılımları kullanır. Bu programlar ekrandaki metni yüksek sesle okur, ancak görüntülerin kodunu çözemezler.
Bu nedenle, metin bir görüntü içinde 'gizliyse' müşterileriniz önemli bilgileri kaçırabilir. Görme engelli müşterilerinizin sitenize erişimlerinin sınırlı olduğunu düşünmemeleri önemlidir.
4. Görüntüleri Erişilebilir Hale Getirin
Tabii ki, görseller iyi bir web tasarımı için hala çok önemlidir. Ve tersine, diğer müşteriler için erişilebilirliği artırabilirler.
Disleksi gibi okuma güçlüğü çekenler için ilgili görseller metni anlamayı iyileştirebilir. Görseller, sitenizin ürün sayfaları gibi bazı alanları için neredeyse kesinlikle gerekli olacaktır.
Yine de görüntüleri ekran okuyucu kullanıcıları için erişilebilir hale getirebilirsiniz. Sitenizdeki her resim için alternatif metin eklenmelidir. Bu, imleçle bir görüntünün üzerine geldiğinizde görünen metindir.
Ayrıca, görüntünün kendisini gösteremeyen ekran okuyucular tarafından da okunur. İyi alternatif metin, görüntülenen resmi net ve doğru bir şekilde tanımlar.
HTML ile web sitenize alternatif metin eklemek kolaydır. Alternatif metnin eklenmesi diğer kullanıcıları rahatsız etmeyecek ve ekran okuyucu kullananlara büyük fayda sağlayacaktır. Alternatif metin ve erişilebilir resimler, arama motoru sıralamalarınız için de faydalı olabilir.
Alternatif metnin yanı sıra, görsellerin erişilebilir bir şekilde sunulması önemlidir. WCAG'nin amaçları doğrultusunda, renk kontrastı bir oran olarak ölçülür. Bu oranı ölçmek için kullanılabilecek birçok uygulama ve tarayıcı uzantısı vardır.
Süsleme amaçlı tesadüfi görüntülerin kontrast gereksinimi olmamasına rağmen, arka plan üzerindeki metinlerin kontrast oranı 4,5:1 olmalıdır. Çizelgeler gibi grafik öğeleri ve tıklanabilir simgeler gibi UI öğeleri 3:1'lik bir gereksinime sahiptir.
Son olarak, yaklaşık 20 kişiden 1'i renk körüdür. Bu kullanıcılar için hangi renk kombinasyonlarının sorun yaratabileceğini düşünün.
Renk körlüğünün birçok farklı türü vardır. Uygulamalar, web sitenizin renk körü kullanıcılara nasıl göründüğünü simüle etmek için kullanılabilir. Daha da iyisi, sitenizin ne kadar kullanışlı olduğunu öğrenmek için renk körlüğü veya diğer görme bozuklukları olan kişilere ulaşın.
5. Dokunmatik Ekran Erişilebilirliğini Sağlayın
Masaüstü sitenizin 'varsayılan' olduğuna inanma tuzağına düşmek kolaydır. Akıllı telefon ve tablet kullanımı, rahatlığı nedeniyle tüm kullanıcılar arasında artmaya devam ediyor. Bu cihazlar ayrıca genellikle dizüstü veya masaüstü bilgisayarlardan daha uygun fiyatlıdır.
Sitenizin düşük gelirli kullanıcılar için erişilebilirliğini göz önünde bulundurun ve mobil sitenize dikkat edin.
Dokunma ve kaydırma, kolay ve sezgisel olmalıdır. Bağlantılarınızın amacı net olmalı ve yanlış tıklamayı en aza indirmeyi hedeflemelisiniz.
Parmağın imleçten çok daha büyük olduğunu ve kullanıcının ekran görüntüsünü engellediğini unutmayın. Bunu iyi boyutlu, iyi aralıklı düğmelerle yapabilirsiniz. WCAG, 44 x 44 piksellik bir düğme boyutunu zorunlu kılar.
Dokunmatik ekran optimizasyonunuzla müşterilerin fiziksel ihtiyaçlarını göz önünde bulundurun. Engelliler, müşterilerin sınırlı fiziksel el becerisine veya dayanıklılığa sahip olduğu anlamına gelebilir, bu nedenle uzun süreli veya aşırı karmaşık dokunma gereksinimlerinden kaçının.
Genellikle yakınlaştırmak veya döndürmek için gerekli olan 'kıstırma' hareketi, sağlıklı kullanıcılar için bile zorlayıcı olabilir. Bunun yerine, müşterilerinizin rahatını önemsediğinizin harika bir işareti olan dokunulabilir bir yakınlaştırma düğmesine sahip olmak isteyebilirsiniz.
6. Kolay Kullanıcı Girişi Sağlayın
Bu, dokunmatik ekran erişilebilirliği alanıyla yakından bağlantılıdır.
Web sitenizdeki formlar (sipariş vermek, iletişim kurmak, hesap oluşturmak vb. için) müşterileriniz için zahmetsiz olmalıdır. Tüm kutuların gerekli girişle açıkça etiketlendiğinden emin olun.
Müşterilerin girmesi gerekenleri örneklemek için yer tutucuları kutulara da koyabilirsiniz. Örneğin, [email protected] gibi bir yer tutucu e-posta adresi
En erişilebilir tasarımlarda bile insan hatasına her zaman yer vardır. Web sitenizin giriş hatalarına karşı toleranslı olması önemlidir. Müşterilerinizi hatalar için aptal hissettirmeyin ve bunları düzeltmelerini kolaylaştırın.
En iyi yol, müşterilerin uzun formlar arasında geriye gitmek zorunda kalmaması için hataları gerçek zamanlı olarak vurgulamaktır. Hataları göstermek için yalnızca renge güvenmeyin; bu, görme engelli kullanıcılar için erişilebilir olmayabilir.
Hata mesajlarını şifreli değil net yapın ve müşterilere göndermeden önce son bir kontrol seçeneği sunun.
Hata toleransı, yalnızca web sitenizin erişilebilirliğini artırmaz. Ayrıca, müşterilerin sizinle olan ilişkilerinin her adımında desteklendiklerini hissetmelerini sağlar.
Formları sezgisel ve kapsayıcı hale getirmek, müşterilerinizin deneyimlerini önemsediğinizi göstererek onlarla güven oluşturmanın birçok yolundan biridir.
7. Bilgilendirici Sadeliği Hedefleyin
Bilgi iletmek, sitenizi kullanan herkese açıkça yarar sağlar. Öğrenme veya okuma güçlüğü çekenlere, görme engelli kullanıcılara, engelli olmayan kullanıcılara ve kendi personelinize yardımcı olur.
Web sitenizdeki net bilgiler, açıklama sorgularının sayısını azaltarak müşteri hizmetleri ekipleriniz üzerindeki baskıyı azaltacaktır.
Paragraflar kısa tutulmalı ve kelime dağarcığı gereğinden fazla karmaşık olmamalıdır. Müşterilerinizin anlayacağı sektöre özel terimleri kullanmaktan çekinmeyin, ancak web siteniz bu SAT kelimesini esnetecek yer değil.
Mümkün olan her yerde belirsizliği ortadan kaldırın. Tam anlamınız her zaman açık olmalı ve sitenizdeki bağlantıların işlevleri tam olarak etiketlenmelidir.
Müşterileriniz için neyin en önemli olduğunu vurgulayan minimal bir tasarımı hedefleyin.
8. Tutarlılığı Koruyun
Bazı engelli müşteriler için değişiklik can sıkıcı olabilir. Markanız geliştikçe web sitenizi güncellemek iyi olsa da, sık sık yapılan gereksiz değişiklikler, muhtemelen herhangi bir müşteriyi kaçırabilir.
Marka kimliğiniz sürekli şekil değiştiriyor gibi göründüğünde, müşterilerinizin size güvenmesi daha az olasıdır.
Tutarlılık müşteri hizmetleri tarafında da korunmalıdır.
Yazılım tanımlı ağ oluşturma gibi çözümler, uyumlu hizmeti sürdürmenize yardımcı olabilir. Tüm müşterilerinizin desteklendiğini hissetmelerini sağlamak için samimi ve açık bir ton kullanın.
Bazı müşterilerin daha sık tekrarlanan bilgilere ihtiyacı olabilir. CS ekibiniz buna hazırlıklı olmalı, ancak bilgileri daha erişilebilir hale getirmeyi de düşünmeye değer.
Renk kontrastı ve alternatif metin gibi erişilebilirlik özellikleri, web sitenizin her alanında tutarlı olmalıdır.
Engelli kullanıcılara sitenizin tamamen farklı bir sürümünü sunmak cazip gelebilir. Ancak, bu ötekileştirme olabilir ve bu müşterilerin kendilerini bir yük gibi hissetmelerine neden olabilir. Bunun yerine, tüm müşterilerinizin yararına erişilebilirliği sıfırdan sitenize entegre edin.
9. Sitenizi Düzgün Tutun
Bir başka erişilebilirlik sorunu, herkesin hızlı internete veya güçlü donanıma erişemeyeceği gerçeğidir.
Kırsal alanlardaki, gelişmekte olan ülkelerdeki müşteriler veya düşük gelirli müşteriler web sitenizle ilgili sorun yaşayabilir.
Sitenizi, kullanıcıların videolar gibi veri tüketen içerikleri görüntüleyip görüntülememeyi seçebilecekleri şekilde tasarlayın. Bu müşterilere fayda sağlamak için web sitenizdeki gecikmeyi azaltmanın birçok yolu vardır.
Müşterilerin web sitenize nasıl eriştiğini bir kez daha düşünün.
Hangi cihazları kullandıklarını ve bulundukları coğrafi bölgeleri düşünün. Müşteriler web sitenizi nasıl görürlerse görüntülesinler, zahmetsiz bir deneyim yaşamalılar. Müşterilerinizin sitenizi kullanmanın zahmetli bir iş olduğunu düşünmesini istemezsiniz.
Sinir bozucu hataları azaltmak için sıkı, yüksek kaliteli kodlama sağlayın. Görevleri yaparken müşterilerinizin tıklaması gereken sayfa sayısını azaltmaya çalışın.
Formları mümkün olduğunca az sayfada tutun. Hiç kimse, özellikle bağlantıları zayıfsa, yeni sayfaların birkaç saniyede bir yüklenmesini beklemekten hoşlanmaz.
10. Web Sitesi Tasarımında Görsel Hiyerarşi Oluşturun
En iyi site tasarımlarının çoğunda ortak bir konu, net bir görsel hiyerarşidir. Bu, gezinmenin kolay olduğu ve kullanıcıların farklı görevler için hangi adımları atması gerektiği açık olduğu anlamına gelir.
Müşterilerin web sitenizi kullanımlarını analiz edebilir ve en çok kullanılan özellikleri ön plana çıkarabilirsiniz. Kolayca ezici olduğu ve özellikle net olmadığı için 'döşeme' yapmaktan kaçının.
Renk ve şekil gibi birleştirici tasarım seçenekleriyle ilgili özellikleri birlikte gruplayabilirsiniz. Ancak, yalnızca bu özelliklere güvenmemelisiniz. Tartışıldığı gibi, erişilemez olabilirler. Ekran okuyucular için metni de kullanın.
Görsel hiyerarşinin amacı, müşterilerinizin web sitenizi kullanmasını ve gezinmesini daha hızlı ve kolay hale getirmektir.
Müşterileri web sitenizin ilgili bölümlerine yönlendirmek için tasarım seçeneklerinizi kullanın. Müşterilerinizin ihtiyaçlarını anlayın ve onlar için neyin en önemli olduğunu vurgulayın
Kapsayıcılık Üzerine Son Sözler
Sonuç olarak, erişilebilirlik ve kapsayıcılığın ardındaki felsefe, engelli kullanıcıların diğer kullanıcılar kadar değerli olmasıdır. Bu bariz görünebilir, ancak şaşırtıcı sayıda marka bunu web sitesi tasarımlarıyla uygulamaya koymakta başarısız oluyor.
Tüm müşterilerinizin iyi bir deneyim yaşamasını sağlamak için ekstra yol kat etmek, üssünüzde güven ve sadakat oluşturacaktır. Müşterileriniz daha mutlu olacak ve gerçekten önemseyen bir işletme olarak öne çıkacaksınız.
Yazar Biyografisi
John Allen, küresel bir UCaaS, VoIP ve otomatik arama yazılımı sağlayıcısı olan RingCentral'da Global SEO Direktörüdür. Dijital pazarlama programları oluşturma ve optimize etme konusunda 14 yılı aşkın deneyime ve kapsamlı bir geçmişe sahiptir. Vault ve 3DCart gibi web siteleri için yazmıştır.