Web sitenizin erişilebilirliğini nasıl geliştirebilirsiniz - 8 Kolay Yol.

Tasarımcılar ve geliştiriciler genellikle güzel bir web sitesi oluşturmak için çok fazla zaman harcarlar ve engelliler de dahil herkesin erişebileceği işlevsel bir web sitesi yapmayı unuturlar. Web sitenizi yalnızca tüm yasal bir gereklilik için erişilebilir kılmakla kalmaz, aynı zamanda yapılması gereken ahlaki bir şeydir ve işiniz için büyük bir finansal fayda sağlayabilir. Bu yazıda size web sitenizin erişilebilirliğini iyileştirmenin en kolay yollarından bazılarını anlatacağım.

Web sitelerinin %97'si küresel web düzenlemelerine uymuyor . Bu, ek ihtiyaçları olan kullanıcıları karşılamak için işletmeler tarafından daha fazlasının yapılması gerektiğini göstermektedir.

Web sitenizin erişilebilirliğini neden iyileştirmelisiniz?

Web sitenizin erişilebilirliğini artırmak, her şeyden önce, işletmenizi daha yüksek karlarla sonuçlanabilecek daha geniş bir tüketici tabanına açar. Web sitenizin erişilebilirliğini iyileştirmek, web sitenizin arama motorunun bakış açısından anlaşılması daha kolay olduğu için web sitenizin arama motoru optimizasyonunu da iyileştirebilir.

Web sitenize daha fazla trafik geldiğinde ve içeriğinizi okuyabilen daha fazla ziyaretçiyle, satış şansı o kadar yüksek olur. Tesco gibi şirketler, erişilebilirlik çözümlerini uygularken satışlarında bir artış gördü.

Son olarak, web sitenizi engelli kullanıcıların kullanabileceği şekilde geliştirmek ahlaki açıdan doğru ve yasal bir zorunluluktur , web sitenizi engelli kullanıcıların erişimine açmamak işletmenizi davalara açabilir, Netflix, Domino's Pizza ve Target gibi şirketlere sorun. hepsine engelli kullanıcıların erişemeyeceği bir web sitesine sahip oldukları için dava açıldı.

Web sitenizin erişilebilirliğini nasıl geliştirirsiniz?

Web sitenizin erişilebilirliğini iyileştirmek için iki seçenek vardır. İlk seçenek, erişilebilirliği göz önünde bulundurarak bir web sitesi oluşturmaktır veya engelli kullanıcıların web sitenize erişmesine yardımcı olabilecek üçüncü taraf araçları yükleyebilirsiniz.

Web sitenizi erişilebilirliği göz önünde bulundurarak oluşturuyorsanız, yardımcı olabilecek bazı ipuçlarını burada bulabilirsiniz.

1) Erişilebilir bir içerik yönetim sistemi seçme.

Adından da anlaşılacağı gibi bir içerik yönetim sistemi, bir web sitesinde, veritabanlarınızı ve sitenin ön ucunda gösterilen içeriği işleyen bir arka uç aracıdır.

En yaygın içerik yönetim sistemlerinden biri WordPress'tir ve kullanıma hazır bir CMS olarak erişilebilirdir, ancak kullanıcılar düzenlerini ve tasarımlarını oluşturmaya başladıklarında sorunlarla karşılaşabilirsiniz.

WordPress ile üçüncü taraf yazılım yüklemenize izin veren bir eklenti sistemi kullanırlar ve bu genellikle yararlıdır. Ancak, bu üçüncü taraf yazılımı sizin tarafınızdan geliştirilmemiştir, bu nedenle kodun altında neler olup bittiğini anlayamayabilirsiniz, bu nedenle kod genellikle web sitenizin erişilebilirliği konusunda yardımcı olmaz.

Bununla birlikte, erişilebilirlik sorunlarına yardımcı olmak için sitenize eklenebilecek üçüncü taraf erişilebilirlik eklentileri de vardır.

2) Doğru anlamsal işaretlemeyi kullanın.

Semantik işaretleme, bir nesnenin bir tarayıcı ve geliştirici için ne olduğunu açıklar. Doğru işaretlemeyi kullanmak, ekran okuyucular gibi yazılımlarda yardımcı olabilir.

Anlamsal işaretlemeye bir örnek: <form>, <table> ve <article> onları dolduracak verileri açıkça tanımladıkları için.

HTML5, ekran okuma teknolojisine yardımcı olmak için kullanılabilecek birçok anlamsal biçimlendirme örneğine sahiptir, W3Schools web sitesinde daha fazla örnek görebilirsiniz .

3) Resimlerinizi uygun şekilde etiketleyin.

Ekran okuma yazılımı, görme engellilere internette gezinmenin bir yolunu sunar. Bu teknoloji, bir kullanıcıya sayfanın ne hakkında olduğunu bildirmek için çok iyi bir iş çıkarır, ancak yine de sınırlamaları vardır.

Ekran okuma yazılımı, bir görüntünün ne olduğunu tanımlayamaz veya bir görüntünün içindeki metni okuyamaz. Bu nedenle geliştiriciler web sitelerindeki görselleri doğru şekilde etiketlemelidir. Ekran okuyucular bir görüntünün ALT metnini anlayabilir ve bunu yanlış doldurmak, engelli kullanıcıların sayfanızı biraz daha anlamasına yardımcı olur.

ALT etiketleri, bunun bir arama motoru sıralama faktörü olduğuna inandıkları için pazarlamacılar tarafından kötüye kullanılabilir. Bir pazarlamacı, web sitenizdeki resimleri aşağıdaki ALT metniyle etiketleyebilir: "satılık ayakkabılar". Bir sitenin erişilebilirliği ile ilgilenen biri ALT metnini kullanır: “ofis ortamında bir erkek tarafından giyilen kahverengi deri ayakkabılar”.

Yukarıdaki örnekten, pazarlama perspektifinden erişilebilirlik perspektifine kadar olan açık farkları görebilirsiniz.

4) Herkes fare kullanmaz, buna göre plan yapın.

Hareketlilik sorunları olan kullanıcılar , internette gezinmek için gereken hassasiyette bir fare kullanamayabilir. Hareketlilik sorunları olan kişiler, internete erişmek için klavyeler, ağız çubukları ve kafa değnekleri gibi farklı cihazlar kullanacaklardır.

Yukarıdaki teknolojiyle bile, bazı web sitelerine karmaşık yerleşimlere sahip oldukları için erişmek imkansızdır. Karmaşık düzenler, aşağı açılır gezinmeleri, karmaşık animasyonları veya odaklandığınız web öğesini gösteren CSS stilini kapatmak kadar basit bir şeyi içerebilir.

Bazı kullanıcılar, klavyedeki bir tuşa tıklayarak bir web sitesindeki öğeler arasında geçiş yapmak zorunda kalacaklar, erişilemeyen sitelerde hangi öğede olduğunuzu ve bir sonraki adımda nereye gidebileceğinizi görmek neredeyse imkansız. Bunun en iyi açıklaması, ekranda fare imleci görünmeden bir fare kullanmaya çalışmaktır.

5) ARIA'yı anlayın ve kullanın

Erişilebilir Zengin İnternet Uygulamaları veya kısaca ARIA, yardımcı teknolojinin web sitenizde kullanılabilmesi için web sitenizde nasıl değişiklikler yapmanız gerektiğini özetler. Yönergeler, web sitenizde dinamik içeriğin nasıl sunulması gerektiğini tanımlamak için kullanışlıdır.

ARIA'yı web sitenizde W3C ile nasıl kullanacağınızı buradan öğrenebilirsiniz .

6) Web sitenizin renklerini dikkatli seçin

Yıllar boyunca renk teorisi üzerine, belirli renklerin insanları nasıl hissettirdiğini ve satın alma sürecinde onlara daha fazla yardımcı olabileceğini tartışan sayısız makale yayınlandı.

Renk teorisine inanıyorsanız veya inanmıyorsanız, kesin olan bir şey varsa o da rengin web sitenizin erişilebilirliğini artırmada büyük rol oynayabileceğidir. Parlak renkler, web sitenizdeki metni görme engelliler için okumayı zorlaştırabilirken, aynı kontrasttaki renkler de benzer bir etkiye sahip olabilir.

Web sitenizin renklerine karar verirken markanızı göz önünde bulundurmanız gerekecektir. Ancak, markanız engelli kullanıcılar için sorunluysa, bunu düzeltmek için bir çözüm bulmanız gerekecektir.

7) Videolarınızda altyazı kullanın

Şirketler, ürünlerinin bir sorunu nasıl çözdüğünü göstermek için web sitelerinde video açıklayıcılar kullanabilir, ancak çoğu, işitsel sorunları olan okuyucularına yardımcı olmak için altyazı kullanmaz.

Videolarınıza altyazı eklemek zor ve hatta pahalı değildir, çünkü onları yazıya dökmesi için bir serbest çalışan kiralayabilirsiniz.

Youtube gibi şirketler videolarınıza otomatik olarak altyazı ekler, ancak bunlar bilgisayar tarafından oluşturuldukları için her zaman doğru değildir ve ziyaretçilerinizin paylaşmaya çalıştığınız mesajla kafasını karıştırabilir.

Altyazılar, bazı insanlar işe gidip gelirken video izlediği ve çoğu zaman sesini kapattığı için, işitsel sorunları olmayanlar için bile yararlıdır. Altyazılar, başkalarını da rahatsız etmeden neler olup bittiğini anlamanın iyi bir yoludur.

8) Üçüncü taraf araçlar

Web sitenizin boyutuna bağlı olarak, bazen üzerinden geçmek ve yukarıda belirtilen değişiklikleri yapmak mümkün değildir. Öte yandan, bu değişiklikleri uygulamaya koymak için bütçeniz olmayabilir.

Bu anlaşılabilir bir durumdur, ancak engelli kullanıcılara hizmet vermeyerek parayı çöpe attığınızı ve web siteniz üzerinden mahkemeye çıkarsanız para kaybedebileceğinizi unutmayın.

Neyse ki, bu değişiklikleri sizin için yapmak üzere yüklenebilecek üçüncü taraf araçlar var.

Kullanılabilecek araçlardan bazıları, onları kurmak ve işin geri kalanını onlara bırakmak kadar basittir. Bu araçlarla ilgili en iyi şey, hafif olmaları ve web sitenizin sayfa yükleme hızını da etkilememeleridir. Erişilebilir sorunları olmayan kullanıcılar etkilenmeyecek, ekstra yardıma ihtiyacı olanlar web sitenize çok daha kolay göz atabilecekler.

Bu yazılımın tek dezavantajı, eğer diyebilirseniz, genellikle aylık ücret talep etmeleridir, ancak yazılımın size ne kadar zaman kazandırdığını göz önünde bulundurursak, pahalı da değillerdir. Yıllık ödeme yaparak daha fazla tasarruf yapılabilir. Yazılım için bir bütçeniz yoksa, orada ücretsiz sürümler var, ancak sizin adınıza daha fazla girdi gerektirecekler.

Çözüm

Engelli kullanıcılara erişilebilir bir çözüm sunmak sadece ahlaki açıdan doğru değil, aynı zamanda yasal bir zorunluluktur.

Engelli kullanıcıların zaten zorlu bir hayatları var, bu yüzden eğer biraz çaba sarf ederek çevrimiçi tarama deneyimlerini daha iyi hale getirebilirseniz, bu hepimizin yapmaya çalışması gereken bir şey. Daha küçük siteler kendi üstlerindeki değişiklikleri yapabilirken, ticari web siteleri onları saatler içinde erişilebilir hale getiren erişilebilirlik yazılımlarına yatırım yapabilir.

Şu anda piyasadaki en erişilebilir yazılımların bir listesini görmek isterseniz, sayfanın ilerisine bir kılavuz ekledik.