Web Sitesi Erişilebilirliği hakkında bilmeniz gereken her şey

Web sitenizi ziyaret eden her kullanıcı, yetenekleri veya eksikliği ne olursa olsun, anlaşılır bir kullanıcı deneyimine sahip olmalıdır. Bu sadece bizim düşüncemiz değil, bazı ülkelerde kanun bu. Ancak web sitenizin erişilebilirlik standartlarını karşıladığından emin olmanın tek nedeni bu değildir. Engellilerle ilgili bir rapora göre 1 milyar insan, dünya nüfusunun %15'ine denk gelen bir engelli yaşıyor . Web sitenizi fiziksel, görsel, bilişsel, nörolojik, motor ve işitme engelli kişiler kullanacak. Rakamları bir sebep olarak kullanmak itici gelse de, bu önemli miktarda potansiyel ziyaretçi demektir. Web sitenizi herkes için kullanılabilir hale getirmek çabaya değer.

Erişilebilir web siteleri ile olmayanlar arasındaki boşluk genellikle bütçede olur. Web sitenizi kapsayıcı hale getirmek, geliştirme sırasında daha fazla çaba gerektirir ve daha fazla çaba, daha fazla para anlamına gelir. Ancak, stratejik olarak ve Drupal gibi bir CMS ile yapıldığında, çabada önemli bir artış olması gerekmez. Drupal core, WCAG 2.0 ve ATAG 2.0 standartlarına uygun web sitelerinin tasarımını ve geliştirilmesini destekler. Aslında, erişilebilirlik standartlarını geliştirmeye ve güncel tutmaya adanmış bütün bir topluluk (Drupal Erişilebilirlik topluluğu) vardır. Erişilebilirliğin Drupal'ın temel gücü olduğunu bile söyleyebilirsiniz.

Web sitenizi yeniden inşa etmek üzereyseniz bu harika, ama ya mevcut web sitenizle çalışıyorsanız? Web erişilebilirliğini ve web sitenizin erişilebilir olup olmadığını nasıl anlayacağınızı inceleyelim.

Web Erişilebilirliği nedir?

Web erişilebilirliği, web geliştirmede çok önemli bir husustur. Layman'ın terimleriyle, web erişilebilirliği, web sitenize engelleri ne olursa olsun herkes tarafından erişilebilmesini sağlamaktır. Erişilebilirlik, genellikle varsayılmasına rağmen, yalnızca engelli kişilerle ilgili değildir. Güçlü bir kişi olarak, kendinizi içinde bulabileceğiniz - durumsal veya geçici - web sitesine erişiminizi etkileyebilecek durumlar vardır.

Web Erişilebilirliği Neden Önemlidir?

Başka bir yanlış anlama da, web erişilebilirliğinin çoğunlukla olumlu bir marka imajı oluşturmak için kullanıldığıdır. Ancak erişilebilir bir web sitesine sahip olmanın pek çok kişinin düşündüğünden çok daha somut faydaları vardır.

• Kitle erişiminizi artırın
• Yasal sorunlardan kaçının ( Beyonce'nin 2019'da web sitesinin ADA (Engelli Amerikalılar Yasası) ile uyumlu olmadığı davayı hatırlayın)
• Erişilebilirlik için kullanıcı deneyimini iyileştirmek, genel UX puanınızı da iyileştirdiğiniz anlamına gelir.
• Web sitenizin arama motorlarındaki sıralamasını yükseltin

Bununla birlikte, amaca yönelik markaların son zamanlardaki büyümesi ve popülaritesi, kapsayıcı olmanın önemli bir marka farklılaştırıcı olabileceğini gösteriyor.

Uygunluk ve Düzeyler

World Wide Web Konsorsiyumu (W3C), web erişilebilirlik standartlarını yöneten WCAG (Web İçeriği Erişilebilirlik Yönergeleri) adlı bir dizi yönerge geliştirdi ve yayınladı. Bu standartların (WCAG 2.0, WCAG 2.1 ve WCAG 2.2) başarı kriterleri üç düzeyde uygunluk içerir:

• A Seviyesi
• AA seviyesi
• AAA Seviyesi

A Düzeyi - Bu, erişilebilirlik özelliklerinin en temel gereksinimlerini karşılayan minimum erişilebilirlik düzeyidir.

AA Düzeyi - Bu düzey, A Düzeyindeki her şeyi artı birkaç ek gereksinimi gerektirir. Bir web sitesi bu seviyeye uyduğunda, büyük bir sorundur çünkü en büyük erişilebilirlik engellerinin çoğu ortadan kalkar.

AAA Düzeyi - AAA düzeyi, A ve AA Düzeylerindeki her şeyi artı birkaç ek gereksinimi gerektirir. Bu seviye çoğu web sitesi tarafından elde edilmesi zordur ve WCAG standartları altında en yüksek erişilebilirlik seviyesidir.

Web sitenizin erişilebilir olup olmadığını nasıl anlarsınız?

WCAG, Web Erişilebilirliği için 4 ilke ve 13 Yönerge belirlemiştir. Bu dört ilkeden herhangi birine uyulmaması, web sitenizi engelli kullanıcılar için erişilemez hale getirecektir. Bu ilkeler, POUR ilkeleri olarak bilinir.

1. algılanabilir
2. çalıştırılabilir
3. anlaşılır
4. güçlü

Algılanabilir - Algılanabilir altında gruplanan tüm yönergeler, insanların içeriğinizi bulabilmesini sağlamaya yöneliktir.

Çalıştırılabilir - Web sitenizin çalışır durumda olduğundan emin olmanız gerekir. İnsanlar web sitenizi kullanabilmelidir .

Anlaşılabilir - İnsanlar web sitenizi anlayabilmelidir.

Sağlam - Web siteniz tüm tarayıcılar, işletim sistemleri ve cihazlarla uyumlu olmalıdır.

Erişilebilirlik Yönergeleri

Şimdi her ilkenin burada tartışacağımız kendi yönergeleri vardır:

Algılanabilir Yönergeler

1.1) Metin Alternatifleri - İlk Algılanabilir kılavuz, algılanabilir 1.1 , metin olmayan tüm içeriğin bir metin alternatifine sahip olmasını gerektirir. Bu, resimlerin anlamlı alternatif metne sahip olması gerektiği anlamına gelir. Alternatif metin, resimde neler olduğunu açıklamalıdır.

1.2) Zamana Dayalı Medya - Algılanabilir 1.2 , zamana dayalı medya için alternatif seçeneklerin olmasını gerektirir. İşitme engelliler için videoya altyazı ekleyin. Altyazılar onlara bağlam kazandırmaya yardımcı olabilir.

1.3) Uyarlanabilir - Algılanabilir 1.3 , içeriğin bağlamı kaybetmeden farklı şekillerde sunulabilmesini gerektirir.

1.4) Ayırt Edilebilir - Algılanabilir için son kılavuz, Algılanabilir 1.4'tür ve içeriğin görsel olarak arka planından ayrılabilmesini gerektirir. Bu, metin ve arka plan rengi arasında yeterli kontrast olması gerektiği anlamına gelir. Metnin minimum kontrast oranı 4,5 olmalıdır.

Çalıştırılabilir Yönergeler

2.1) Klavyeyle Erişilebilir - İlk Çalıştırılabilir kılavuz 2.1 , web sitesinin tüm bölümlerine yalnızca klavye kullanılarak erişilebilmesini gerektirir.

2.2) Yeterli Zaman - Çalışabilir 2.2 , insanlara web sitenizdeki içeriği kullanmaları için yeterli zaman verilmesini gerektirir. Kullanıcıya acele hissetmeden görevi bitirmesi için zaman vermelisiniz. Ayrıca, farklı insanların farklı yetenekleri olduğunu ve bazılarının işleri halletmede biraz daha yavaş olabileceğini de göz önünde bulundurmalısınız.

2.3) Nöbetler ve Fiziksel Reaksiyonlar - Operable 2.3 , içeriğin nöbetlere neden olacak şekilde tasarlanmamasını gerektirir. Animasyonlar ve videolar saniyede 3 defadan fazla yanıp sönmemelidir.

2.4) Gezinilebilir - Çalıştırılabilir 2.4 , insanların web sitesinde gezinmesini ve web sitesinde nerede olduklarını anlamasını gerektirir. Sayfadaki tüm bağlantılar, girişler ve düğmeler, kullanıcılar sekmeleri kullanarak gezinirken bir kişinin ekranda nerede olduğunu belirtmek için odaklanmış bir duruma sahip olmalıdır.

2.5) Giriş Modaliteleri - Çalıştırılabilir için son kılavuz, Çalıştırılabilir 2.5'tir ve web sitesinin tüm bölümlerine klavyenin yanı sıra diğer giriş cihazları kullanılarak erişilebilmesini gerektirir. Temel olarak, web sitenizin bir fare, dokunmatik ekranlı cihazlar ve konuşmadan metne çalıştığından emin olmak isteyeceksiniz.

Anlaşılabilir Yönergeler

3.1) Okunabilir - Anlaşılabilir 3.1 , içeriğin okunabilir ve anlaşılması kolay olmasını gerektirir. Basit bir dil kullanın ve jargondan kaçınmaya çalışın.

3.2) Öngörülebilir - Anlaşılabilir 3.2 , web sayfalarının nasıl göründükleri ve çalıştıkları konusunda tahmin edilebilir olmalarını gerektirir. Her sayfada içerik farklı olacaktır ancak sayfanın ana yapısı aynı kalmalıdır. Gezinme, bağlantıların sırası ve arama her zaman sayfada aynı yerde olmalıdır.

3.3) Girdi Yardımı - Anlaşılabilir 3.3 , insanların hatalardan kaçınmasının ve düzeltmesinin kolay olmasını gerektirir.

Sağlam Yönergeler

4.1) Uyumlu - Sağlam altında yalnızca bir kılavuz vardır ve bu 4.1'dir . Bu, web sitesinin tüm tarayıcılar, işletim sistemleri ve cihazlarla uyumlu olmasını gerektirir. Bu, geçerli, anlamsal HTML yazarak başarılabilir. Herhangi bir nedenle web sitesinin hala erişilebilirlik yardımına ihtiyacı varsa, bazı ARIA öznitelikleri ekleyin.

Erişilebilirlik Nasıl Test Edilir?

Son olarak, erişilebilirlik testini web sitesi yönetim sürecinize dahil etmek istiyorsunuz. Örneğin, klavye erişilebilirliğini test etmek için sayfalar arasında gezinebilirsiniz. Neyse ki, testinizi otomatikleştirmek için internette birçok araç var:

• Dalga
• deniz feneri

Referans Siteleri

Standartlar ve yönergeler için aşağıdaki W3C sitelerine bakın.

• https://www.w3.org/
• https://www.w3.org/WAI/
• https://www.w3.org/WAI/standards-guidelines/wcag/
• https://www.w3.org/WAI/WCAG21/quickref/