İnternet küresel ve yaygın bir fenomen, hayatımızın neredeyse her yönünü etkiliyor. İnternetin olmadığı bir dünya hayal edebiliyor musunuz? Pekala, sanırım sizler benimki gibi çoçukluğunuzu cep telefon ve bilgisayarsız geçerdiniz ama artık insanlar internet olmadan yaşayamazlar. İnternet, dünyanın her yerindeki insanları birbirine bağlar, haber ve bilgi almamıza, belgeleri saklamamıza, seyahat rotaları planlamanıza ve hatta sağlığımızı korumamıza yardımcı olur.
Herkes internete girip bir şeyler öğrenebildiğini söylüyorlar. Kulağa hoş geliyor ama doğru değil. İnternette bulunan web sitelerin çoğu, engelli kişileri için erişilebilir değildir. Bu blog yazısında web sitesinin erişilebilirliği neden bu kadar önemli olduğunu ve web sitenizi nasıl tamamen erişilebilir hale getirebileceğinizden bahsedeceğiz.
Web Erişilebilirliği nedir?
Dünya nüfusunun yaklaşık yüzde 15'inin işitme, görme, hareket etme, bilişsel yetenek ile ilgili bazı kusurları vardır. Bu tür insanlar için bilgiye erişimi, insan hakları listesine dahil edilmiştir, ancak yine de, bazı web siteleri onlar için erişilemez. Bir düzeyde erişilebilirlik sağlamak için web sitesinin uygun şekilde tasarlanması ve kodlanması gerekir.
Erişilebilirlik özellikleri
Renk kontrastı
İnce renk geçişi gerçekten güzel ve sofistike görünebilir, ancak yeterince iyi göremeyen veya renk algılamasında bazı zorluklar yaşayan insanlar var. Yüksek kontrastı renkler kullanmak (siyah, beyaz, sarı ve siyah, kırmızı ve beyaz gibi) da muhteşem görünebilir ve bu insanlar için de uygun olabilir.
Ses tanıma
Siri, Alexa ve Cortana görünümü ile cihazlarını sesle kontrol etme daha popüler hale geliyor. Ayrıca bazı nedenlerden dolayı ellerini kullanamayan insanlar da var. Ancak, hepsi web sitesini sesli olarak kullanabileceklerdir.
Konuşma metni
Kötü gören veya tamamen kör olan insanlar metni sese dönüştüren özel bir yazılım kullanıyorlar. Ancak, bazı metinleri bir alt açıklama olarak girmezseniz, bu yazılım o resimde ne olduğunu söyleyemez.
Düzen ve tasarım
Karmaşık ve özgün web tasarım ziyaretçiyi etkileyebilir, ancak kafasını karıştırabilir. Ziyaretçi web sitenizde ne yapması herektiği anlamıyorsa kesin yanlış yaptınız demektir. Bu durumda, navigasyonunuz ve düzeniniz ne kadar kolaysa o kadar iyidir.
Bildirimler
Bazı web sitesi sahipleri, insanların gerçekleştirdikleri eylemler hakkında bilgilendirilmesi gerektiğini düşünmüyorlar. Bazı sizin tarafından doldurulan formu herhangi bir bildirim olmadan kaybolabilir ve bu hoş olmayan bir sürpriz olabilir. Aynı şey hata bildirimleri için de geçerlidir. “Geçersiz veri” mesajlarından nefret ediyorum. Mesaj net bir şekilde neyi yanlış yaptığınızı ve onu nasıl düzelttiğinizi söylediğinde zaman kazandırabilir.
Büyük kontrol elemanları
Küçük butonlar ve tıklanabilir elemanlar sadece ziyaretçilerin asla tıklamamasını istiyorsanız iyidir. Normal becerilere sahip PC kullanıcılar bu butonları tıklayabilecektir, ancak web sitenize tablette veya akıllı telefondan veya normalde daha az becerilerine sahip yaşlı kişileri küçük kontrol ok ile sorun yaşayabilirler. Web sitenizin en önemli düğmelerinin (“Şimdi Satın Alın” gibi) yeterince büyük olduğundan emin olun.
Özelleştirilebilir içerik
Farklı insanların farklı ihtiyaçları var. Bazıları metni ve görüntüleri küçülterek daha büyük bir resme bakmayı tercih ederler, diğerleri ise küçük harfle yazılmış metni okuyamazlar. Bazı kişiselleştirme kontrollerini izleyicinin ellerine verirseniz, bu kesinlikle UX'i iyileştirir.
Klavye kontrolleri
Herkes fareyi kullanamaz. Bunu kontrol etmenin kolay bir iş olduğunu düşünebilirsin, ancak koordinasyonla ilgili problemleri olan veya sadece klavyenin düğmeleri kullanabilen insanlar var. Web siteniz klavyeyle çalıştırılabiliyorsa, bu kişilerin hayatını kesinlikle kolaylaştıracaktır.
Video Altyazıları
İşitme engelli ve işitme sorunu olan insanları videoyu izlemek isterler, ancak ekli altyazılar yoksa bu imkansızdır. Videoya biraz metin eklemek, hayal edebileceğiniz kadar karmaşık değildir.
Elbette, bin kez okumaktan bir kez görmek daha iyidir, işte tüm bu özellikleri ayrıntılarıyla anlatan bir W3C Web Erişilebilirliğine Giriş videosu:
Bu özellikleri sadece engelli insanlar kullanamazlar. Kontrast renkler, telefonunuzda parlak güneş ışığı altında bir şey okumaya çalığtığınızda yardımcı olabilir. Video altyazılar, gürültülü yerlerde veya gürültü yapmanın yasak olduğu kamusal alanda bir şey izlemek istediğinizde yardımcı olabilir. Elinizi kullanmadığınız durumda ses tanıma faydalı olacaktır. Ancak, bir web sitesi sahibinin bu tür işlevleri uygulamasında bir faydası var mı?
Web Sitesi Erişilebilirliği size nasıl kar sağlayabilir?
Belki şöyle diyebilirsiniz: Tamam, engelli insanların kazanacağı avantajları listeledik, ama benim bundan ne faydam var? Bu bir bencilliktir, ancak genellikle, erişilebilirlik uygulaması zaman ve para gerektirir. Ama bunu web sitesinize uygulamalısınız, çünkü web erişilebirşiği web sitenizi daha karlı hale getirebilir.
Her şeyden önce, web sitenizin erişilebilirlik gereksinimlerine göre özelleştirilmesi web sitenizin kullanılabilirliğini geliştirecektir. Müşterileriniz web sitenizi ziyaret etmekten ne kadar çok faydalanırlarsa o kadar daha sık geri dönerler. Erişiminizi genişletir ve web sitenizin trafiğini artırabilirsiniz.
İkincisi, web erişilebilirlik özellikleri SEO oranlarını iyileştirir. Aslında Google’a “engelliler” de denebilir. Ses dosyaların ve resimde ne olduğunu tanımlayamaz. Resimlere eklenmiş ses dosyalarının metin transkripsiyonu, Google’ın onu görmesine ve web sitenizi bulmasına yardımcı olur.
Sonunda, bazı ülkelerde, engelliler için mümkün olan her şeyi yapmak yasa tarafından talep edilmektedir. Braille bildirimlerine sahip olan ilaç paketleri, sesli bildirimler — hepsi bir zorunluluk haline geldi ve web sitesi erişilebilirliği de sunuldu.
WCAG
Engelli insanlara yüksek düzeyde erişilebilirliği garanti etmek için Dünya Çapında Ağ Konsorsiyumu'ndaki (W3C) Web Erişilebilirlik Girişimi (WAI) sürekli olarak Web İçeriği Erişilebilirlik Kuralları (WCAG) adlı bir belge geliştiriyor. Bu belge erişilebilirlik standartlarını belirtmektedir ve tüm ülkelerde benzer olmalarını sağlamaktadır. İnternet sitesinin erişilebilir olması için yapılması gerekenler hakkında bir dizi öneri içermektedir. Bu önerilere Başarı Kriterleri denir ve bunlara göre web sitesi A, AA veya AAA gibi birini ulaşabilir. Bir sıralama testi, web sitesinin içeriği için başarı ölçütlerinin geçerli olup olmadığını kontrol eden ve platformun kullanılabilirliğini değerlendiren otomatik sistemler ve testçiler tarafından yapılır.
WCAG'ın en yeni sürümü olan 2.1 sürümü 5 Haziran 2018'de yayınlandı ve önceki sürümlerin tüm gereksinimlerini içeriyordu. Her yeni sürüm sadece mevcut listeye yeni kurallar ekler. Önceki versiyon, WCAG 2.0 ISO standardı ISO / IEK 40500 ve WCAG 2.1 Avrupa Birliği Standardı ve EN 301549 standardı olarak kabul edildi.
Web sitenizi WCAG’in Website Accessibility Suite ile uyumlu hale nasıl getirilir?
Elbette, gerekli tüm özelleştirmeleri kendi yapabilirsiniz. WCAG 2.1 belgesini dikkatlice okumanız ve burada belirtilen her ayrıntıyı kontrol etmeniz gerekecektir. Çok zaman ve çaba gerektirir, ancak başka bir çözüm de var. TemplateMonster kısa süre önce Web Sitesi Erişilebilirlik Paketi adı verilen bir servis sundu ve çok zamanınızı harcamadan web sitenizi erişilebilir yapmanıza yardımcı olacak tek şeydi.
Bu hizmet web sitenize özel bir panel ekleyerek ziyaretçilere ek kontrol sağlar. Kullanıcılar, potansiyel müşteriler, web sitenizin görünümünü kendi özel ihtiyaçlarına göre özelleştirebileceklerdir.
Aşağıdaki araçları kullanabilecekler:
-
Kontrast iyileştirme. Kullanıcı, carsayılan bir gece modu ve üç tür yüksek kontrastlı görünüm içeren beş farklı renk modu seçeneğine sahip olacak.
-
Yazı tipi özelleştirme. Ziyaretçinin metni daha büyük veya daha okunaklı hale getirmesi gerekiyorsa (örneğin, karmaşık bazı özel fontlar yerine Sans-Serif'i seçebilirsiniz) — bu araç ona yardımcı olacaktır.
-
Bağlantı vurgulaması. Bazen bağlantılar, genel kullanıcılar için bile açık değildir, ancak bu araç,sayfanın tıklanabilir bölümleri arama yapmadan kimsenin tanımlamasına izin verecektir.
-
Başlık vurgulaması. İçeriğin yapısı ziyaretçiye anlaşılmaz gelebilir, ancak metindeki başlıkları ve alt başlıkları vurgulama seçeneğine sahip olacaktır.
-
Büyük imleç. Standart imleç bazı insanlar için çok küçük olabilir ve daha büyük yapmaktan mutlu olurlar, bu yüzden bu araç onlara bu mutluluğu vermenin bir yoludur.
-
Büyüteç. Sayfayı yakınlaştırmak için uygundur. Küçük ayrıntıları anlamaya yardımcı olur.
-
Animasyonları devre dışı bırakma. İnsanları kalınlaştırabilecek animasyon türleri vardır, bu yüzden onları kapatma fırsatından kaçamazlar.
Gördüğünüz gibi, bu hizmet erişilebilirlik özelliklerinin çoğuyla başa çıkmanıza ve kullanıcı deneyimi daha iyi halee getirmenize yardımcı olacaktır.
TemplateMonster, web sitenizi WCAG 2.1'in temel ilkelerine uygun hale getirmenize yardımcı olacağını lütfen unutmayın. Ancak, her ülkenin WCAG'a dayanan kendi kanunları vardır, bu yüzden web sitenizi oluştururken lütfen bunu aklınızda tutun.
Sonuç
Web sitenizin erişilebilirliğini arttırmak size çok fazla kar getirecek ve aynı zamanda engelli kişilerin web sitenize erişimini kolaylaştıracak. Bir kişinin müşteriniz olmasını istiyorsanız, ona web sitenizle etkileşime girmesi için bir fırsat vermeniz gerekir. Bu yüzden zamanınızı boşa harcamayın, Web Sitesi Erişilebilirlik Paketini kullanın ve trafik artışını izleyin.
Web sitenizin erişilebilirliğini dikkate alıyor musunuz? Bunu geliştirmek için bir şey yaptınız mı? Şimdi bu blog yazısı okuduktan sonra WCAG 2.1'e uyma konusunda ne düşünüyorsunuz? Lütfen yorumlarınızı ve düşüncelerinizi aşağıdaki yorum bölümünde bizimle paylaşın.