Wordpress Web Sitelerini Erişilebilir Hale Getirme

Dünya çapında milyonlarca insanın interneti kullanma şeklini etkileyen bir engeli var. Coronavirüs pandemisi, kolay çevrimiçi alışveriş, yemek siparişi ve hatta uzaktan sağlık hizmetlerine olan ihtiyacı artırmaya devam ederken, web erişilebilirliği her zamankinden daha önemli.

Bu web erişilebilirliği kılavuzu, erişilebilirliğin ne olduğunu, neden önemli olduğunu ve test yoluyla yaygın sorunların belirlenmesi de dahil olmak üzere WordPress web sitelerinin nasıl erişilebilir hale getirileceğini tartışır.

Bu yazıda şunları ele alacağım:

• Web erişilebilirliği nedir?
• Erişilebilirlik neden önemlidir?
• Bazı yaygın erişilebilirlik sorunları nelerdir?
• WordPress web sitelerini erişilebilirlik açısından test etme
• Bir web sitesini erişilebilir kılmak

Web erişilebilirliği nedir?

Basitçe söylemek gerekirse, erişilebilir web siteleri, tipik bir klavye ve fare kurulumu aracılığıyla web ile etkileşime giremeyecek kişiler ve çeşitli entelektüel veya fiziksel farklılıklara sahip kişiler de dahil olmak üzere tüm insanlar tarafından kullanılabilen web siteleridir.

Web sitelerini engelli kişiler için kullanılabilir ve anlaşılır kılmak için belirli özellikler oluşturulmalıdır. İşitsel, görsel, bilişsel, motor veya öğrenme engelleri, bunları kullanılabilir hale getirmek için uyum ve web sitesi değişiklikleri gerektirir. Durumlarına bağlı olarak, engelli kişiler web sitelerine erişmek için ekran okuyucular gibi çeşitli yardımcı cihazlar kullanır.

Web tasarımcıları ve geliştiricileri, web sitelerinin içeriğinin ve işlevselliğinin algılanabilir, çalıştırılabilir, anlaşılabilir ve sağlam (POUR) olduğundan emin olmalıdır; bu, içeriğe ve işlevselliğe tüm kişiler tarafından tüm cihazlardan erişilebilir ve anlaşılabilir olduğu anlamına gelir.

Web sitelerini daha erişilebilir hale getiren bazı özellikler şunlardır:

• video ve ses dosyaları için altyazılar ve dökümler
• resimlerde alternatif metin
• klavye gezintisine yardımcı olmak için bağlantıları atlayın
• metni daha okunaklı hale getirmek için uygun renk kontrastı

Erişilebilirlik neden önemlidir?

Web sitesi erişilebilirliği, web'i kullanan herkes üzerinde bir etki yaratır. Sizin veya müşterilerinizin web sitelerinin erişilebilir olması, herkesin çevrimiçi bilgilere, ihtiyaçlara, eğlenceye, alışverişe ve daha fazlasına, yeteneği ne olursa olsun eşit erişime sahip olmasını sağlar.

Ancak web sitesi erişilebilirliği yalnızca iyi karma ile ilgili değildir; ayrıca arama motoru sıralamaları, yeni satışlar ve web sitesi ziyaretçileri, yasal komplikasyonlar ve marka imajı üzerinde gerçek dünya etkilerine sahiptir.

Arama motoru sıralaması

Erişilebilirlik düzeltmeleri yapmak, bir web sitesinin arama motoru sıralamasını iyileştirebilir. Resimlerdeki alternatif metinler ve başlıklarla düzgün yapılandırılmış içerik gibi birçok erişilebilirlik özelliği, hem erişilebilirliğe hem de arama motoru optimizasyonuna (SEO) yardımcı olur. Bir arama sonuçları sayfasında daha üst sıralarda yer almak, yeni müşteriler veya müşterilerle görünürlüğü artırarak web sitesi trafiğini, dönüşümleri, blog veya bülten abonelerini ve daha fazlasını artırabilir.

Yükselmiş satışlar

CDC, 2018 itibariyle, 4'te 1 Amerikalı'nın engelli olduğunu belirtiyor. Engelli Amerikalılar, yılda 200 milyar dolardan fazla çevrimiçi isteğe bağlı harcama harcadı. Erişilebilirlik özellikleri, daha fazla kişinin web sitelerini bulmasına ve kullanmasına olanak tanıyarak yeni satışlar, dönüşümler ve sürekli müşteriler için fırsatları artırır. Günümüz dünyasında birçok web sitesine erişilemediğinde , erişilebilir herhangi bir web sitesi rekabette önde ve omuzlarda duracaktır.

Yasal olarak gerekli

Tüm web sitelerinin, Engelli Amerikalılar Yasası'nda (ADA) belirlenen web erişilebilirlik standartlarını karşılaması gerekir. ADA kapsamında, web sitelerini halka açık konaklama yerleri olarak kuran yasal bir emsal oluşturulmuştur. Bu, esasen dijital vitrinleri olan iş web sitelerinin, tuğla ve harçtan yapılmış bir işletme binasının erişilebilir hale getirilmesi gerektiği gibi erişilebilir hale getirilmesi gerektiği anlamına gelir.

Yerel, eyalet ve federal hükümet kurumu web siteleri ve federal olarak finanse edilen kuruluşlar ve projeler için tüm web siteleri de Bölüm 508'in standartlarını karşılamalıdır. Ayrıca, web sitelerinin erişilebilir olmasını gerektiren çeşitli eyalet ve uluslararası yasalar vardır.

Bir web sitesi bu kılavuzda belirtilen erişilebilirlik gereksinimlerini karşılamıyorsa, kuruluş dava açma veya bazı durumlarda devlet para cezası alma riskiyle karşı karşıya kalabilir. Usablenet'e göre, 2020'de Amerika Birleşik Devletleri'nde 3.550 web sitesi erişilebilirlik davası açıldı. Yasal uygunluğu sürdürmek, iş yapmanın önemli bir parçasıdır ve erişilebilir bir web sitesine sahip olmak, işletmelerin yasal yükümlülüklerini yerine getirebilmelerinin bir yoludur.

Marka imajı

WordPress web sitelerini daha erişilebilir hale getirmek için adımlar atan şirketler ve kar amacı gütmeyen kuruluşlar, sosyal sorumluluk uyguladıklarını gösteriyor ve interneti herkes için bir yer haline getirmek istediklerini doğruluyor. Erişilebilirliğe yönelik kurumsal bir bağlılık, insanlara son derece insani bir şekilde değer verildiğini gösterir, bu da sadakat oluşturur ve markanın imajını yükseltebilir.

Bazı yaygın erişilebilirlik sorunları nelerdir?

Şirketim Equalize Digital, işletmeler, kâr amacı gütmeyen kuruluşlar ve devlet kurumları için web sitelerinde erişilebilirlik denetimleri yapan bir erişilebilirlik danışmanlığı firmasıdır. Tüm testlerimizde, tüm web sitelerinde tekrarlanan birçok erişilebilirlik sorunu görüyoruz. Bu yaygın sorunlar, çözülmesi nispeten basit sorunlardır ancak genellikle geliştiriciler, tasarımcılar ve içerik oluşturucular tarafından gözden kaçırılır.

Oluşturduğunuz veya yönettiğiniz web sitelerinin erişilebilir olduğundan emin olmak istiyorsanız, aşağıdaki sorunları kontrol ederek başlayın:

Eksik veya düşük kaliteli alternatif metin

Alternatif metin, ekran okuyucuların bir görüntünün içeriğini veya insanları kör etme amacını açıklamak için kullandığı metindir. Alternatif metin boş bırakılırsa, bir ekran okuyucu ya tamamen atlar ya da bunun yerine görüntünün dosya adını okuyabilir; bu, dosya adı bir sayı dizisi olduğunda veya görünümü açıklayıcı olmadığında yararsızdır. Uygun alternatif metin olmadan, görme engelli ve görme engelli kullanıcılar bir görüntünün bağlamına veya anlayışına sahip olmayacaktır.

Düşük kaliteli alternatif metin, görüntüyü doğru bir şekilde tanımlayamadığı veya aşırı ayrıntılı olduğu ve kafa karışıklığına neden olabileceği için sorunludur. "Picture", "image", "image of", "image of" gibi sözcüklerin ve ifadelerin alternatif metne eklenmesi gerekmez çünkü ekran okuyucu bir görüntünün veya grafiğin mevcut olduğunu bildirecektir.

125-150 karakterden uzun alternatif metniniz varsa, bazı ekran okuyucular kesecek ve okumayı durduracaktır. Alternatif metne nokta eklemek, ekran okuyucuların duraklamasına, potansiyel olarak dinleyicilerin kafasının karışmasına veya alternatif metnin sona erdiğine inanmalarına neden olabilir.

Yetersiz renk kontrastı

Web tasarımında renk kontrastı, arka plan rengi ile metin, düğmeler veya simgeler gibi renkli öğeler arasındaki parlaklık ölçüsünü ifade eder. Standart boyutlu metnin yeterli kabul edilebilmesi için arka plan ve ön plan renklerinin 4,5:1 oranında olması gerekir. Her iki rengin onaltılık kodlarını ücretsiz bir renk kontrastı denetleyicisine girerek renk kontrastınızı test edebilirsiniz.

Belirsiz bağlantı metni

Bağlantı metni, bir web sayfasındaki tıklanabilir bir kelime veya kelime grubudur. Bağlantı metnine tıklamak sizi yeni bir web sitesine götürebilir, bir belge indirebilir, yeni bir sekmede bir resim veya video açabilir. Bağlantı metni, bağlam dışında bir anlam ifade etmiyorsa veya bağlantının amacını tanımlamıyorsa belirsiz olarak kabul edilir. Belirsiz bağlantı metninin bazı örnekleri arasında "bağlantı", "burayı tıklayın", "daha fazla bilgi edinin" veya "devam et" bulunur. İçeriğe bağlantılar eklerken, birinin yalnızca bağlantıyı bağımsız olarak (çevreleyen metin olmadan) duyması durumunda, bağlantının nereye işaret ettiğini veya bağlantı tıklandığında ne olacağını bilmesi önemlidir.

Eksik altyazılar ve transkriptler

Altyazılar, bir videodan ses efektleri, müzik veya kahkahalar gibi sözlü ve konuşulmayan içeriği alır ve bunu metin yoluyla açıklar. Bir video sırasında ekranda görünürler, böylece sağır ve işitme güçlüğü çeken kullanıcılar videoda neler olduğunu anlayabilirler. Ek olarak, altyazılar videonun zamanlaması ile eşleşmelidir. Altyazıların doğru olması gerektiğine dikkat etmek önemlidir; otomatik oluşturulan altyazıların doğruluğunun kontrol edilmesi gerekir.

Transkript, bir ses klibinde veya bir video sırasında söylenenlerin yazılı bir kaydıdır. Transkriptler, video içeriğini veya ses dosyalarını anlamak için ikincil bir yol sağlar. İnsanların videoyu izlemek yerine konuşma metnini okuyabilmeleri için bir videodaki altyazıların yanında kullanılmaları gerekir. Bu önemlidir çünkü tüm kullanıcılar altyazıları okuyamaz. Transkriptler ayrıca diğer dillere kolayca çevrilme avantajı sağlar ve SEO'ya yardımcı olabilir.

WordPress web sitelerini erişilebilirlik açısından test etme

Web sitelerini erişilebilirlik açısından test etmenin en iyi yolu, otomatik, manuel ve kullanıcı testlerinin bir kombinasyonunu gerçekleştirmektir.

Otomatik erişilebilirlik testi

Otomatik erişilebilirlik testi, AI tarama araçlarıyla gerçekleştirilir. Çeşitli erişilebilirlik tarama özellikleri sunabilen birçok ücretsiz ve ücretli araç vardır. Otomatik bir araç seçerken akılda tutulması gereken bazı şeyler şunlardır:

• Web sitesinin boyutu. Daha küçük bir web siteniz varsa, ücretsiz bir araç işinize yarayabilir. Blog içeren bir site veya binlerce gönderi içeren e-ticaret bölümü gibi daha büyük bir web siteniz varsa, ücretli bir araç muhtemelen daha uygun olacaktır.
• Ne kadar desteğe ihtiyacın var. Web sitenizdeki erişilebilirlik hatalarını bulmak ve düzeltmek için yardıma ihtiyacınız varsa, ücretsiz araçlar harika bir seçenek olabilir. Erişilebilirlik hatalarını anlama konusunda yardıma ihtiyacınız varsa veya başka birinin bunları düzeltmesini istiyorsanız, yerleşik veya geliştiriciler tarafından sunulan destek seçeneklerine sahip bir araç bulmayı deneyin. Erişilebilirlik iyileştirme konusunda yeniyseniz, desteğin mevcut olması çok önemlidir.
• Kullanıcı deneyimi. Bazı otomatik erişilebilirlik araçları, örneğin bir tarayıcı uzantısı aracılığıyla veya WordPress panosunda doğrudan web sitenizde kullanılabilir. Diğer araçlar, web sitenizden tamamen ayrı bir arayüz kullanmanızı gerektirir. Web siteniz üzerinde çalışırken erişilebilirlik hatalarını görmek istiyorsanız, yerinde raporlama sunan bir araç seçin. Bu, sitedeki içeriği düzenlerken web sitenizi erişilebilirlik açısından sürekli olarak kontrol etmenizi kolaylaştırır.

Herhangi bir web sitesinde kullanılabilecek iki popüler ücretsiz araç WAVE ve Axe'dir. Bu araçların her ikisinde de tek URL'leri tek tek test etmek için kullanılabilen Chrome ve Firefox uzantıları ve toplu test ve ek özelliklere izin veren ücretli planlar bulunur.

Erişilebilirlik Denetleyicisi WordPress eklentisi

Toplu erişilebilirlik taramaları yapmak ve WordPress panosunda raporları görmek istiyorsanız, WordPress Erişilebilirlik Denetleyicisi eklentisi en iyi araçtır. Eklentinin temel sürümünü WordPress.org'dan ücretsiz olarak indirebilirsiniz.

Erişilebilirlik Denetleyicisi, sayfaları ve gönderileri erişilebilirlik hataları veya olası sorunlar için tarar ve bunları doğrudan o sayfa veya gönderi için düzenleme ekranında görüntüler. Bu sayfa içi raporlar, yalnızca web sitesinin erişilebilir olup olmadığını kontrol etmek için değil, aynı zamanda devam eden erişilebilirliği izlemek için de faydalıdır.

Erişilebilirlik Denetleyicisi, yukarıda tanımlanan genel sorunlar da dahil olmak üzere 40'tan fazla farklı denetim çalıştırır. Ücretsiz sürüm, gönderileri ve sayfaları tarar ve Pro sürümü, özel gönderi türlerinin ve arşiv sayfalarının tam site taramalarını içerir. Hatalı bir şekilde işaretlenmiş veya gözden geçirilmiş öğeler reddedilebilir, bu da zaman içinde yapıldıkça erişilebilirlik düzeltmelerinin izlenmesine olanak tanır. Ajanslar, geliştiriciler ve WordPress kullanıcıları için harika bir araçtır.

Manuel test

Ne yazık ki, otomatik taramalar bir web sitesindeki her erişilebilirlik sorununu tanımlayamaz — bazı sorunlar yalnızca web sitesini deneyimleyen bir kişi tarafından belirlenebilir. Web sitesini Erişilebilirlik Denetleyicisi gibi otomatik bir araçla test ettikten sonra, hangi cihazı kullanırlarsa kullansınlar herkesin kullanabileceğinden emin olmak için manuel test yapın.

El ile erişilebilirlik testindeki ilk adım, kullanıcıların yalnızca bir klavyeyle tam olarak gezinebileceğini doğrulamaktır. Web sitesinin ön ucuna gidin ve sekme ve ok tuşlarını kullanarak sitede gezinirken yerinizi kaybetmediğinizden ve web sitesinin tüm bölümlerini kullanabildiğinizden emin olun.

Klavye testinden sonra ekran okuyucu testine geçebilirsiniz. Ekran okuyucular, görme engelli ve görme engelli kişilerin web içeriğini anlamak için kullandığı bir tür yardımcı teknoloji yazılımıdır. Mac'iniz varsa, bilgisayarınızda yerleşik olarak bulunan VoiceOver yazılımını kullanabilirsiniz. Mac'iniz yoksa ücretsiz, açık kaynaklı ekran okuyucu NVDA'yı indirebilir veya popüler ekran okuyucu JAWS'ı satın alabilirsiniz. Tüm ekran okuyucular tek tek öğeler için aynı şeyi söylemediğinden, web sitenizi iki veya daha fazla ekran okuyucuyla test etmek en iyi yöntemdir.

Web sitenizi bir ekran okuyucu ile test etmek için, test etmek istediğiniz sayfaya gidin ve ardından klavye gezinme testi sırasında yaptığınız gibi, yalnızca sekme ve ok tuşlarını kullanarak sayfada gezinin. Sayfada ilerlerken ekran okuyucunun söylediklerini dinleyin ve yanlış veya kafa karıştırıcı olan her şeyi işaretleyin. Otomatik olarak oynatılan ve sayfadaki diğer içeriği kesintiye uğratan medya dosyalarını veya kaydırıcıları dinleyin.

Klavye gezintisi ve ekran okuyucu testleri gerçekleştirdikten sonra, tüm katıştırılmış veya bağlantılı medya dosyalarını kontrol etmeniz gerekir. Medya dosyalarına videolar, ses dosyaları, PDF'ler, .Doc veya .XLS dosyaları, resim veya metin kaydırıcıları ve üçüncü taraf widget'ları veya iFrame'ler dahildir. Engelli kişilerin tüm gömülü veya bağlantılı medya dosyaları tarafından sunulan içeriğe erişebildiğinden, bunlarla etkileşimde bulunabildiğinden ve bunları anlayabildiğinden emin olun.

Kullanıcı testi

Otomatik ve manuel erişilebilirlik testinden sonra kullanıcı testi yapılması önerilir. Kullanıcı testi, web sitenizi erişilebilirlik hatalarına karşı test etmek için gerçek dünyadaki yardımcı teknoloji kullanıcılarını işe almayı içerir. Tipik olarak, bir test kullanıcısına, belirli hedefleri olan bir web geliştiricisinden bir özet verilir. Test kullanıcısı daha sonra bu hedeflere ulaşmaya çalışacak ve ardından geliştiriciye geri bildirim sağlayacaktır.

Ücretli veya gönüllü programlar aracılığıyla bireysel test kullanıcılarını işe alabilir veya kullanıcı test hizmetleri sunan bir erişilebilirlik firması bulabilirsiniz.

Sonuç: Bir Web Sitesini Erişilebilir Tutmak

SEO gibi erişilebilirliğin de sürekli izleme ve değişiklik gerektiren devam eden bir süreç olduğunu unutmamak önemlidir. Web sitenizin erişilebilir kalmasını sağlamak için bir plan oluşturun:

• Erişilebilirlik Denetleyicisi eklentisi gibi bir araç kullanarak erişilebilirlik hatalarını düzenli olarak izleyin ve test edin.
• Web geliştiricilerini, tasarımcılarını ve içerik oluşturucuları web erişilebilirliği en iyi uygulamaları konusunda eğitin. Müşteriler için web siteleri başlatıyorsanız, lansmandan sonra erişilebilir bir şekilde nasıl içerik ekleneceğini bildiklerinden emin olun.
• Uymanız gereken erişilebilirlik yönergeleri veya yasa değişikliklerinden haberdar olun.

Bu adımları atmak, web sitenizin erişilebilir durumda kalmasını ve yetenekleri ne olursa olsun tüm insanların web'deki bilgilere, ürünlere ve hizmetlere eşit erişime sahip olmasını sağlamaya yardımcı olacaktır.