Web siteniz erişilebilir mi?

Giderek daha fazla işletme çevrimiçi ortama geçiyor, bu harika, ancak nüfusun tamamı web sitesini kullanamıyorsa değil. Erişilebilirlik sorunları birçok sitede yaygındır ve nispeten kolayca çözülebilecek birçok soruna neden olur - bu tamamen yeni bir web sitesine ihtiyacınız olduğu anlamına gelmez!

WHO 2011 engellilik raporuna göre, dünyada 1 milyardan fazla insan bir tür engelliliğe sahiptir. Bu, dünya nüfusunun yaklaşık %15'ine tekabül etmektedir. Bu sayı yalnızca nüfus yaşlandıkça ve yaşlı insanların daha yüksek engellilik riski/oranına sahip olduğu için artacaktır.

2018'de Birleşik Krallık hükümeti, merkezi hükümet, yerel yönetim kuruluşları, bazı hayır kurumları ve diğer sivil toplum kuruluşlarının web sitelerinin WCAG2.1 yönergelerini karşılamasını yasalaştırdı.

Ardından 2019'da Avrupa erişilebilirlik yasası oluşturuldu. 1990'da bile Amerikan Engelliler Yasası, şu anda web sitelerinde ele alınan sorunları kapsıyordu. Bazı durumlarda şirketler mahkemeye götürülüyor ve kaybediyor, örneğin Domino's Pizza davasını ele alalım.

İnsanlar bir mekanın fiziksel olarak erişilebilir olduğundan emin olmaktan çekinmezler, o halde web sitenizi erişilebilir kılmak neden farklı olsun? Daha fazla işletme ağırlıklı olarak çevrimiçi hale geldiğinden, hiç bu kadar önemli olmamıştı.

Amaç

Erişilebilirlik bir insan hakkı olduğu için hedefimiz kapsayıcı web siteleri oluşturmaktır.

Sitenin herkes için kullanımı daha kolay olmakla kalmayacak, aynı zamanda potansiyel olarak müşteriye daha fazla potansiyel müşteri kazandıracağız. Tıklama sterlini, “Erişilebilir tüketici web siteleri sağlayamamak, İngiltere perakendecilerine 2016'da 11,75 milyar sterline mal oldu” dedi.

Sorunlar

Asıl mesele, kapsayıcılık ve hatta engellerin kendileri hakkında nasıl düşündüğümüzle ilgilidir. Adrian Roseli'nin ve onun bu konuya bencil erişilebilirlik yöntemiyle yaklaşma biçiminin büyük bir hayranıyım. İşte Adrian'ın yakın tarihli bir konferanstan bir videosu, engelliler ve insanların karşılaşabileceği yaygın sorunlar hakkında farklı bir bakış açısı için izlemenizi şiddetle tavsiye ediyorum.

Esasen, yaygın web sitesi erişilebilirlik sorunlarını yalnızca engellilerin değil, herkesin yaşadığı günlük durumlarla ilişkilendiriyor. Örneğin, kontrast sorunları, kişinin güneşte veya parlak bir alanda bir dizüstü bilgisayar kullanması durumunda bunun da bir sorun olduğunu açıklıyor. Bu nedenle, sitemizin daha geniş nüfus için erişilebilir olmasını sağlamanın bizim yararımıza olduğunu görebiliyoruz.

Videosu ve istatistiklerinden de görebileceğiniz gibi, erişilebilirlik sorunları olan insanlar düşündüğünüzden çok daha yaygın.

Yaygın erişilebilirlik sorunları

Bu yüzden sitelerimizi kapsayıcı hale getirmenin herkes için bir avantaj olduğuna karar verdik (umarım!). Erişilebilirliği ele alırken insanların aklına gelen ilk şey, uygulanması maliyetli ve zamanında olacak veya tasarımları kısıtlayacak ek özellikler veya işlevler oluşturmamız gerektiğidir.

Gerçekte durum böyle değildir ve çoğu, Adrian Roseli'nin bencil erişilebilirlik yöntemini kullanarak ve biraz düşünerek, planlayarak ve kullanarak çok basit bir şekilde çözülebilir.

Renkler ve kontrast

Dünyadaki TÜM erkeklerin yaklaşık %8'i (10'da 1) renk körüdür, bu nedenle bu gereksinimleri karşılayan bir renk paleti seçelim.
Müşterinin web sitesinde erişilemeyen renkler kullanılıyorsa, potansiyel müşterilerin potansiyel olarak %8'ini kaybetmekten mutlu olup olmadıklarını sorun. Bunu onlara söylersen, renkleri yeniden düşünebileceklerine eminim.

Bu renkleri seçerken, aralarında iyi bir kontrast oranı kullandığınızdan da emin olun, eğer düşük kontrastlı bir arka planda (güneşte dizüstü bilgisayar…) ise bağlantılarınızın gizlenmesini istemezsiniz. Bu, çevrimiçi kontrast kontrol aracı gibi bir şey kullanan 5 dakikalık bir iştir veya bağlantılarınıza özel olmak istiyorsanız bağlantı denetleyici aracını kullanın.

Yazı tipi boyutu ve seçimi

Web siteniz, insanların anlamasını istediğiniz bilgiler içeriyor mu? evet şüphelenirdim. Bu yüzden, geri düğmesine basmadan önce sitenizin en önemli bileşenlerinden birinin gözler için sindirilebilir olduğundan emin olalım.

Sitenizi görüntüleyen yaklaşık 10 kişiden 1'i gözleriyle ilgili bir tür sorun yaşayacaktır (renk körlüğü hariç). 40 yaşında, 20 yaşında olduğu gibi, ışığın sadece yarısı retinaya ulaşır. 60 yaşın üzerindeki insanlar için bu, %20'ye düşer.

Varsayılan tarayıcı gövdesi yazı tipi boyutu genellikle 16 piksel veya 1 rem'dir, bu aynı zamanda önerilen minimum 'minimum' yazı boyutudur, ancak kabul edelim ki bu çok küçük! Buradaki en yaygın argüman, “İnsanlar metni daha büyük istiyorlarsa yakınlaştırabilirler”. Bununla ilgili sorun, bu sorundan etkilenen çoğu kişinin muhtemelen nasıl yakınlaştırılacağını bilmemesidir, bu yüzden bunun onlar için bir seçenek olduğunu varsaymamalıyız.

'En iyi' boyut veya yazı tipi yoktur, ancak düzgün aralıklı satır yüksekliği, uygun bir yazı tipi ve minimum yazı tipi kitaplığı içeren 18 piksel veya 1.125 rem'e daha yakın bir gövde yazı tipi boyutu öneririm. Webaim'in yazı tipleri hakkında iyi bir makalesi var ve “Yeni bir yazı tipi, yazı tipi veya yazı tipi varyasyonuyla her karşılaştığınızda, zihniniz, kelimeleri daha hızlı ayrıştırmak ve anlamı işlemek için karakterlerin ve kalıpların bir haritasını veya modelini oluşturmalıdır. Bu bilişsel çaba ve zaman gerektirir. Yazı tipi zaten tanıdıksa, bu ek yük azalır.”

Gill Andrews'in tipografi hataları hakkında daha kapsamlı bir yazısı var, çok fazla tipografi ile uğraşıyorsanız okumaya değer.

Görüntüler

Burada bahsetmek için çok fazla değil, resminizde bir alt etiketiniz olduğundan emin olmak için. Artık çoğu CMS, yüklediğinizde bir resim alt etiketi ekleme seçeneğine sahiptir. Önemliyse, resmi gerçekten tanımladığınızdan emin olun. Bu hubspot makalesinde, iyi ve kötü alt etiket kullanımı hakkında iyi bir yazı var.

Bir resim önemli değilse ve arka plan deseni gibi tamamen dekoratifse, etiketleri boş bırakın. Alt=”” şeklinde işaretlemede gerçekten boş olduğundan emin olun, yoksa alt etiketi eksik olarak işaretlenir.

Hatırlanması gereken önemli bir nokta, görüntüleri önemli metinler (başlıklar gibi) için kullanmamanız gerektiğidir, çünkü bunlar ekran okuyucular ve Google tarafından okunamayacaklardır. Arka plan nedeniyle okunamaz hale gelebileceğinden, görüntülerin üzerine metin yerleştirmeye de dikkat edin.

yapı

Yukarıdaki temel bilgileri izlemiş olsanız bile normalde gözden kaçan bir şey, sayfanın gerçek anlamsal yapısıdır. Pek çok insan bir yazı tipi veya başlığın boyutuna takılıp bunları sayfa bilgi hiyerarşisini tanımlamak yerine stil amacıyla kullanır.

Bu, yalnızca içeriğinizin Google tarafından nasıl yorumlandığını etkilemekle kalmaz, aynı zamanda ekran okuyucu kullanan kişiler gezinme olarak yapısal işaretlemenizi kullanır. Yoast, okumaya biraz zaman ayırmanız gereken başlıklar hakkında harika bir makaleye sahip. Bazı basit tavsiyeler, sayfanızda bir <h1> öğesinin ve ardından sonraki önemli bölümleriniz için <h2> öğesinin bulunması olacaktır. Bir alt bölümün çocuğunuz varsa, o zaman bir <h3> ve benzeri kullanın:

<h1>Genellikle sayfa başlığınız</h1>

<p>Burada biraz paragraf metni</p>

<h2>Sayfanızın bir sonraki önemli bölümü</h2>

<p>Burada biraz paragraf metni</p>

<h3>Önemli olmayan ancak yukarıdaki h2 ile ilgili bir şey</h3>

<p>Burada biraz paragraf metni</p>

<h2>Sayfanızın bir sonraki önemli bölümü</h2>

Hesabı yuvarlamak

Umarım yukarıdaki bu basit kuralları takip ederek sitenizi ziyaret eden herkes için daha erişilebilir ve daha keyifli bir deneyim haline getireceğinizi görebilirsiniz. Sadece bu değil, aynı zamanda Google'daki konumunuzu da geliştiriyorsunuz, bu nedenle herkes için bir kazan-kazan.

Sitenizin bu standartlara uyup uymadığından emin değilseniz veya yalnızca sitenizin erişilebilirliğini artırmak için yardım istiyorsanız, bizimle iletişime geçin.