Web Erişilebilirliği

Özetle, web içeriği erişilebilirliği, uygulamalarımızın kullanıcılar tarafından anlaşılır olmasını sağlamak anlamına gelir;

• engelli/engelli
• düşük bant genişliğine sahip bağlantılarla
• eski teknolojileri kullananlar
• geçici olarak duyamayan veya gürültülü bir ortamda
• kimler yepyeni kullanıcılar ve
• dil engeli olanlar

İşletmeler için erişilebilir içeriği uyarlamanın birçok rekabet avantajı vardır. Örneğin, bir şirket erişilebilir içerikle çeşitliliğini ve kapsayıcılığını artırabilir ve markası için sadık müşteriler tutabilir. Ayrıca, şirketler SEO sonuçlarını iyileştirebilir ve pazar erişimlerini genişletebilir. Ayrıca bazı ülkelerde web uygulamaları üzerinde erişilebilirliği benimsemek bir zorunluluktur, bu nedenle şirketler bazı erişilebilirlik standartlarını benimseyerek yasal risklerini en aza indirebilirler.

Web Erişilebilirlik standartları, W3C Web Erişilebilirlik Girişimi tarafından belirlenir ve “ Web İçeriği Erişilebilirlik Yönergeleri (WCAG) ” olarak adlandırılır. WİEK'e göre içerik POUR ilkesine uygun olmalıdır.

P — Algılanabilir: Bilgi görünür olmalıdır (metin alternatifleri, zamana dayalı medya alternatifleri)

O — Çalıştırılabilir: Arayüz formları, kontroller ve gezinmeler çalıştırılabilir (“eylemler” çalışıyor olmalıdır)

U — Anlaşılabilir: Kullanıcı arayüzü anlaşılır olmalı ve içerik okunabilir olmalıdır

R — Sağlam: Kullanıcılar, teknolojiler ilerledikçe içeriğe erişebilmelidir. Tüm içerik erişilebilir kalmalıdır.

O halde “Nereden başlamalı?” diye soruyor olabilirsiniz. Bu sorunun doğru cevabı “Tasarım” dır. Tasarım, POUR ilkesine uygun olarak tüm kullanıcıların ihtiyaçlarını karşılamalıdır .

Erişilebilirliğimizi kontrol etmek veya sağlamak için yapabileceğimiz birkaç şey var.

1. Chrome > Diğer araçlar > Geliştirici Araçları > Duyarlılık > Farklı ekran boyutlarını ve içerik okunabilirliğini keşfedin
2. githttps://webaim.org/resources/contrastchecker/ve renk kontrastını kontrol edin. İyi kontrastlı basit renkler kullanın. Minimum kontrast oranı genel olarak 4,5:1 olmalıdır. [4] ve [5] kriterlerini sağladığınızdan emin olun
3. "Renk kehaneti aracını" indirin ve göz/renk körlüğü ve engelleri olan farklı kullanıcıların uygulamanızı nasıl gördüğünü görün.
4. Ziyaret edildiğinde veya üzerine gelindiğinde bağlantıların rengini değiştirdiğinizden emin olun.
5. İçeriğinizin tipografisini ve okunabilirliğini kontrol edin. İçeriğin şeklini, ağırlığını, ölçeğini, stilini, aralığını ve hizalamasını kontrol edin.
6. Uygulamanızda 1-2 yazı tipini kullanmaya çalışın. Kontrol etmekhttps://fonts.google.com/yazı tiplerini seçmek için. İşte Google'ın sizin için "yazı tipi ailesi eşleştirme önerileri" var. Farklı cihazlarda indirilmesini gerektirmeyen, halihazırda mevcut olan yazı tiplerini kullanmayı deneyin. Bu, uygulama yükleme süresine yardımcı olacaktır.
7. Aralık, harf aralığı, paragraflardan sonra boşluk, harf aralığı ve kelime aralığı olmak üzere 4 ana kategoriye sahiptir. Bu belgeleri takip edinhttps://www.w3.org/TR/WCAG21/#text-spacingboşluk için.

Referanslar:

[1]https://www.w3.org/WAI/standards-guidelines/#wcag

[2]https://www.w3.org/TR/WCAG21/

[3]https://webaim.org/standards/wcag/checklist

[4]https://www.w3.org/TR/WCAG21/#contrast-minimum

[5]https://www.w3.org/TR/WCAG21/#contrast-enhanced