WordPress Sitenize Web Erişilebilirliği Nasıl Dahil Edilir?

Yayınlanan: 2020-02-15

WordPress, en popüler web sitesi oluşturma platformudur. W3techs'e göre, tüm web sitelerinin %35,7'si WordPress kullanıyor ve bu da WordPress'i dünya çapında İçerik Yönetim Sistemi (CMS) pazar payının %62,5'ine şaşırtıcı bir şekilde getiriyor.

Ancak bir WP web sitesi oluştururken web erişilebilirliği muhtemelen aklınızdaki son şeydir.

Ancak, WordPress Erişilebilirlik Kodlama Standartları, “ WordPress'te yayınlanan tüm yeni veya güncellenmiş kodların, AA düzeyinde Web İçeriği Erişilebilirlik Yönergeleri 2.0 ile uyumlu olması gerekir. ”

Başka bir deyişle, bir WP web siteniz varsa erişilebilirlik kritik bir faktördür.

Neyse ki, WP web sitenizi erişilebilir kılmak imkansız değil. Ancak bunun nasıl yapılacağını tartışmadan önce, web erişilebilirliğinin ne olduğunu anlayalım.

A. Web Erişilebilirliğinin Dört Sütunu

Web için uluslararası standartlar geliştiren World Wide Web Konsorsiyumu (W3C), halihazırda aşağıdaki dört web erişilebilirliği ilkesini ortaya koymuştur:

Algılanabilir: Web sitenizdeki tüm bilgi ve unsurları herkesin algılayabileceği şekilde sunmanız gerekir.
Çalıştırılabilir: Gezinebilir ve etkileşimli öğelerinizin tümü farklı kullanıcılar tarafından çalıştırılabilir olmalıdır.
Anlaşılabilir: Web sitenizdeki bilgileri ve kullanıcı arayüzünü herkes anlayabilmelidir.
Sağlam: Çeşitli yardımcı teknoloji türleri ve kullanıcılar, web sitenizdeki içeriği okuyabilmelidir.

B. WordPress Web Erişilebilirliği En İyi Uygulamaları

Yukarıdaki ilkeleri göz önünde bulundurarak, WordPress sitenizi engelliler için erişilebilir hale getirmek için aşağıdaki adımları atabilirsiniz:

Metin Erişilebilirliğini İyileştirin

Görme engelliler de dahil olmak üzere herkes web sitenizdeki metni okuyabilmelidir. Varsayılan olarak büyük boyutlu yazı tiplerini kullanabilseniz de, yeniden boyutlandırılabilir metin sağlamak okunabilirliği daha da artıracaktır. Görme engelli kullanıcılar bu özelliği kullanarak yazı tipi boyutunu kolaylıklarına göre büyütebilirler.

Ayrıca, gerektiğinde Alt Etiketler gibi metin alternatifleri eklediğinizden emin olun. WP Erişilebilirlik, yeniden boyutlandırılabilir metin, renk kontrastı eklemenize, daha fazla bağlantı okumak için yazı başlıkları eklemenize ve uygun Alternatif Metin sağlamanıza yardımcı olabilecek WordPress erişilebilirlik eklentilerinden biridir.

Yapılandırılmış Ön ve Arka Uç

Web sayfalarınızın her birinin iyi yapılandırılmış bir ön ve arka uca sahip olması gerekir. Yalnızca içeriğinizin genel okunabilirliğini artırmakla kalmaz, aynı zamanda yardımcı araçların mesajı engelli kullanıcılara iletmesini kolaylaştırır. Arka ucu geliştirmek için anlamsal başlık etiketleri ve meta açıklamalar gibi HTML öğelerini kullanabilirsiniz.

Madde işaretli listeler, kısa paragraflar ve iyi organize edilmiş ve konuya yönelik içerik kullandığınızdan emin olun, ön ucun geliştirilmesine yardımcı olacaktır. Ayrıca çeşitli içerik alt bölümlerini tanımlamak için uygun başlıklar ve başlıklar kullanmalısınız. Erişilebilirlik dostu olmadıkları için gösterişli animasyonlar ve GIF'ler kullanmaktan kaçının.

Ayrıca, ekran okuyucu kullanıcıları için içerikte gezinmeyi kolaylaştırmak için Bağlantıları Atla'yı ekleyin. Bu basit erişilebilirlik özelliği, kullanıcıların gereksiz materyalleri gözden geçirmeden içeriğin bir bölümünden diğerine atlamalarını sağlar.

Daha İyi Etkileşim için Klavyede Gezinme

Ayrıca web sitenizin klavyeyle gezilebilir olduğundan emin olmanız gerekir. Bağlantılar ve menüler, özellikle açılır menüler içermelidir. Tüm kullanıcılar, Sekme (ileri) ve Shift+Tab (geri) kullanarak bağlantılar, menüler, düğmeler ve formlar gibi öğelere erişebilmelidir.

Ayrıca, engelli kullanıcılara bir web sayfasında nerede olduklarını gösteren görünür bir odak göstergesi kullanmanız gerekir. WordPress temaları genellikle varsayılan odak stilini sıfırlayabilir. Bu özelliği sıfırlamayan bir WordPress teması kullandığınızdan emin olun. Divi erişilebilirlik teması, erişilebilir açılır menüler ve odaklanabilir öğeler için görsel ana hatlar ile klavye dostu gezinme kurmanıza yardımcı olabilir.

ARIA Yer İşaretleri Ekle

ARIA, Erişilebilir Zengin İnternet Uygulamaları anlamına gelir. ARIA dönüm noktası rolüyle, bir web sayfasının farklı bölgelerini tanımlayabilir ve yardımcı teknoloji kullanıcılarının web sitenizde kolaylıkla gezinmesine olanak sağlayabilirsiniz.

En yaygın ARIA yer işareti rolleri bir başlık, ana, tamamlayıcı, içerik bilgisi, arama ve gezinmeyi içerir.

Banner: Logo, şirket adı veya web sitesi başlığı gibi site başlığını tanımlar.
Ana: Web sayfasının ana içeriğini tanımlar.
Tamamlayıcı: Ana içeriğin önemli bir parçası olan destekleyici içeriği algılar.
İçerik bilgisi: Dipnotlar, telif hakları ve gizlilik bildirimleri gibi ana belgeler hakkında bilgi sağlar.
Arama: Sitenizdeki arama formunu ifade eder.
Gezinme: Bir web sayfasının gezinme öğelerini işaretler.

ARIA yer işaretlerini kullanmanın en iyi avantajı, halihazırda anlamsal HTML5 öğeleriyle çalışabilmeleridir. Sonuç olarak, bunları mevcut WordPress temalarında HTML5 öğeleriyle kullanabilirsiniz.

Etkileşimli Öğeler: Renk Kontrastı

CTA'lar ve formlar gibi etkileşimli öğeler için metin arka planınız olarak her zaman yüksek kontrastlı renkler kullanın. WCAG 2.0 Düzey AA, normal metin için en az 4:5:1 ve büyük metin için 3:1 kontrast oranı gerektirirken, Düzey AAA, normal metin için en az 7:1 ve 4:5: 1 büyük metin için.

Genellikle beyaz arka plan üzerindeki siyah metin en iyi renk kontrastını sunar. Sarı bir arka plan üzerinde siyah metin de kullanabilirsiniz ve bunun tersi de mümkündür. Ancak, kırmızı zemin üzerine yeşil metin veya yeşil zemin üzerine kırmızı metin gibi kombinasyonlardan uzak durun.

ayrılık sözleri

Web sitesi erişilebilirliği, web sitenizdeki multimedya gibi diğer etkileşimli öğeleri de kapsar. Engelli kullanıcılar için önemli bir engel olduğundan video, ses, kaydırıcılar veya karuseller gibi multimedya öğelerinin hiçbirinin varsayılan otomatik oynatma seçeneğine sahip olmadığından emin olun. Bunun yerine, tüm multimedya içeriği yalnızca kullanıcı etkileşiminden sonra oynatılmaya başlamalıdır.

Video dökümlerine, sesli açıklamalara ve altyazılara ek olarak erişilebilir medya oynatıcıları kullandığınızdan emin olun. WordPress sitenizin herhangi bir sayfasında erişilebilir bir medya oynatıcıya eklenen videoları ve sesleri eklemenize izin veren Able Player gibi bir eklenti kullanabilirsiniz.

WordPress web sitenizi erişilebilir kılmak, tasarım ve geliştirme akışını değiştirmenizi gerektirir ve bir danışmanla manuel bir süreçle yapılabilir. Otomatik bir web erişilebilirlik çözümleri, küçük bir zaman yatırımı gerektirir ve kaynaklar, olumlu bir marka imajı, daha geniş pazar erişimi, daha iyi arama sıralaması ve ayrıca artan satışlar dahil olmak üzere sayısız fayda sağlayacaktır.

WordPress sitenizi nasıl erişilebilir hale getireceğiniz konusunda hala şüpheleriniz varsa, sorularınızı yorumlara bırakmaktan çekinmeyin.