WordPress Web Sitelerini Erişilebilir Hale Getirme

Bu gönderi, WordPress erişilebilirliği konusunda uzmanlaşmış sertifikalı bir B Şirketi olan Equalize Digital'in CEO'su Amber Hinds tarafından konuk olarak yazıldı. Equalize Digital ve hizmetleri hakkında daha fazla bilgi edinmek isterseniz şirketin web sitesini ziyaret edin.

Dünyanın dört bir yanındaki milyonlarca insanın interneti kullanma şeklini etkileyen bir engeli var ve kolay çevrimiçi alışverişe, yemek siparişine ve hatta uzaktan sağlık hizmetlerine olan ihtiyacı artıran bir pandemiden sonra web erişilebilirliği her zamankinden daha önemli hale geldi.

Bu web erişilebilirliği kılavuzu, erişilebilirliğin ne olduğunu, neden önemli olduğunu ve test yoluyla sık karşılaşılan sorunları belirlemek de dahil olmak üzere WordPress web sitelerini nasıl erişilebilir hale getireceğinizi tartışır.

Bu makalede şunları ele alacağım:

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

Web Erişilebilirliği Nedir?

Basitçe ifade etmek gerekirse, erişilebilir web siteleri, tipik bir klavye ve fare kurulumuyla web ile etkileşime girmeyen kişiler ve çeşitli zihinsel veya fiziksel farklılıklara sahip kişiler de dahil olmak üzere herkes tarafından kullanılabilen web siteleridir.

Engelli kişiler için kullanılabilir ve anlaşılır hale getirmek için web sitelerine belirli özellikler yerleştirilmelidir. İşitsel, görsel, bilişsel, motor veya öğrenme engelleri, bunları kullanılabilir hale getirmek için düzenlemeler 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ırlar.

Web tasarımcıları ve geliştiricileri, web sitelerinin içeriğinin ve işlevselliğinin algılanabilir, çalıştırılabilir, anlaşılır ve sağlam (POUR) olmasını sağlamalıdır, yani içerik ve işlevsellik tüm insanlar tarafından tüm cihazlardan erişilebilir ve anlaşılır olmalıdır.

Web sitelerini daha erişilebilir kılan bazı özellik örnekleri şunları içerir:

• video ve ses dosyaları için altyazılar ve transkriptler
• resimlerde alternatif metin
• klavyede gezinmeye yardımcı olmak için bağlantıları atla
• 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 sitelerine erişilebiliyorsa, bu herkesin çevrimiçi bilgilere, ihtiyaçlara, eğlenceye, alışverişe ve daha fazlasına, yeteneğine bakılmaksızın eşit erişimini sağlar.

Ancak web sitesi erişilebilirliği sadece iyi bir karma ile ilgili değildir; ayrıca arama motoru sıralamaları, yeni satışlar ve web sitesi ziyaretçileri, yasal zorluklar ve marka imajı üzerinde gerçek dünyadaki etkileri vardır.

Arama Motoru Sıralaması

Erişilebilirlik düzeltmeleri yapmak, bir web sitesinin arama motoru sıralamasını iyileştirebilir. Resimlerdeki alternatif metinler ve uygun şekilde yapılandırılmış başlıklar 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ğinin, dönüşümlerin, blog veya haber bülteni abonelerinin ve daha fazlasının artmasına yol açabilir.

Yükselmiş satışlar

CDC, 2018 itibariyle, 4 Amerikalıdan 1'inin engelli olduğunu belirtiyor. Engelli Amerikalılar, yılda 200 milyar dolardan fazla çevrimiçi isteğe bağlı harcama yaptı. Erişilebilirlik özellikleri, daha fazla kişinin web sitelerini bulmasına ve kullanmasına olanak tanıyarak yeni satış, dönüşüm ve tekrarlanan müşteriler için fırsatları artırır. Günümüz dünyasında pek çok web sitesine erişilemediğinde , erişilebilir herhangi bir web sitesi rekabette açık ara önde olacaktı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 belirleyen yasal bir emsal oluşturulmuştur. Bu, temelde onların dijital vitrinleri olan işletme web sitelerinin, tuğla ve harçla çalışan bir işletme binasının erişilebilir kılınması gerektiği gibi erişilebilir hale getirilmesi gerektiği anlamına gelir.

Yerel, eyalet ve federal devlet 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 yönergelerde 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 uyumluluğ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 getirmelerinin 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ı ve interneti herkes için bir yer haline getirmek istediklerini onaylıyorlar. Erişilebilirliğe kurumsal bir bağlılık, insanlara son derece insani bir şekilde önemsendiklerini 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, kar amacı gütmeyen kuruluşlar ve devlet kurumları için web sitelerinde erişilebilirlik denetimleri gerçekleştiren bir erişilebilirlik danışmanlığı firmasıdır. Tüm testlerimizde, tüm web sitelerinde birçok erişilebilirlik sorununun tekrarlandığını 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öz ardı edilir.

Oluşturduğunuz veya yönettiğiniz web sitelerinin erişilebilir olduğundan emin olmak istiyorsanız, işe şu 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 etmek amacını açıklamak için kullandıkları metindir. Alternatif metin boş bırakılırsa, ekran okuyucu ya onu 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 yardımcı olmaz. Uygun alternatif metin olmadan, görme engelli ve görme engelli kullanıcıların bir görüntü hakkında hiçbir bağlamı veya anlayışı olmayacaktır.

Düşük kaliteli alternatif metin sorunludur çünkü görüntüyü doğru bir şekilde tanımlayamaz veya aşırı derecede ayrıntılıdır ve karışıklığa neden olabilir. "Resim", "görüntü", "grafik", "görüntü" gibi sözcük ve ifadelerin alternatif metne eklenmesi gerekmez çünkü ekran okuyucu bir görüntü veya grafiğin var olduğunu duyurur.

125-150 karakterden uzun alternatif metniniz varsa, bazı ekran okuyucular metni keser ve okumayı durdurur. Alternatif metne nokta eklemek, ekran okuyucuların duraklamasına neden olarak dinleyicilerin kafasını karıştırabilir veya alternatif metnin bittiğ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 sayılması için arka plan ve ön plan renklerinin 4,5:1 oranına sahip 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, bir resim veya videoyu yeni bir sekmede açabilir. Bağlantı metni, bağlam dışında bir anlam ifade etmiyorsa veya bağlantının amacını açıklamıyorsa belirsiz kabul edilir. Belirsiz bağlantı metni örnekleri arasında "bağlantı", "burayı tıklayın", "daha fazla bilgi edinin" veya "devam" yer alır. İçeriğe bağlantılar eklerken, birisi yalnızca bağlantıyı bağımsız olarak duyacaksa (çevreleyen metin olmadan), bağlantının nereye işaret ettiğini veya bağlantı tıklandığında ne olacağını bilmesi önemlidir.

Eksik Başlıklar ve Transkriptler

Altyazılar, bir videodan ses efektleri, müzik veya kahkaha gibi sözlü içeriği ve konuşulmayan içeriği alır ve bunu metin aracılığıyla açıklar. Bir video sırasında ekranda görünürler, böylece sağır ve ağır işiten kullanıcılar videoda neler olduğunu anlayabilir. Ek olarak, altyazılar videonun zamanlamasıyla eşleşmelidir. Altyazıların doğru olması gerektiğine dikkat etmek önemlidir; otomatik oluşturulan alt yazıların doğruluğu kontrol edilmelidir.

Transkript, bir ses klibi veya 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. Bir videodaki altyazıların yanında kullanılmaları gerekir, böylece insanlar videoyu izlemek yerine dökümü okuyabilir. 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.

Erişilebilirlik için WordPress Web Sitelerini Test Etme

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

Otomatik Erişilebilirlik Testi

Yapay zeka tarama araçlarıyla otomatik erişilebilirlik testi 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ı noktalar şunlardır:

• Web sitesinin boyutu. Daha küçük bir web siteniz varsa, ücretsiz bir araç işinize yarayabilir. Binlerce gönderi içeren bir blog veya 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ız var. Düzeltebilmek için web sitenizdeki erişilebilirlik hatalarını bulma konusunda 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 bu hataları 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ğe sahip olmak çok önemlidir.
• Kullanıcı deneyimi. Bazı otomatik erişilebilirlik araçları, örneğin bir tarayıcı uzantısı veya WordPress kontrol paneli aracılığıyla doğrudan web sitenizde kullanılabilir. Diğer araçlar, web sitenizden tamamen ayrı bir arayüz kullanmanızı gerektirir. Web sitenizde ç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 kontrol etmenizi kolaylaştırır.

Herhangi bir web sitesinde kullanılabilen iki popüler ücretsiz araç WAVE ve Axe'dir. Bu araçların her ikisinde de tek URL'leri birer birer 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 kontrol panelinde 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, erişilebilirlik hataları veya olası sorunlar için sayfaları ve gönderileri tarar ve bunları doğrudan söz konusu 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 yararlıdır.

Erişilebilirlik Denetleyicisi, yukarıda tanımlanan yaygın sorunlar da dahil olmak üzere 40'tan fazla farklı denetim gerçekleştirir. Ü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. Yanlış olarak işaretlenen veya incelenen öğeler, zaman içinde yapılan erişilebilirlik düzeltmelerinin izlenmesine olanak tanıyacak şekilde reddedilebilir. 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 belirleyemez; bazı sorunlar yalnızca web sitesini kullanan 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 siteyi kullanabilmesini sağlamak için manuel test gerçekleştirin.

Manuel erişilebilirlik testindeki ilk adım, kullanıcıların testte yalnızca klavye kullanarak tam olarak gezinebildiğini doğrulamaktır. Web sitesinin ön ucuna gidin ve sekme ve ok tuşlarını kullanarak site içinde hareket edin, ilerledikçe 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ıkları bir tür yardımcı teknoloji yazılımıdır. Mac'iniz varsa, bilgisayarınızda yerleşik olan 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 uygulamadır.

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 gezinirken ekran okuyucunun söylediklerini dinleyin ve yanlış veya kafa karıştırıcı herhangi bir ş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 gömülü veya bağlantılı medya dosyalarını kontrol etmeniz gerekir. Medya dosyaları arasında videolar, ses dosyaları, PDF'ler, .Doc veya .XLS dosyaları, resim veya metin kaydırıcıları ve üçüncü taraf pencere öğeleri veya iFrame'ler bulunur. Engelli kişilerin tüm gömülü veya bağlantılı medya dosyaları tarafından sunulan içeriğe erişebilmesini, bunlarla etkileşim kurabilmesini ve bu içerikleri anlayabilmesini sağlayın.

Kullanıcı Testi

Otomatik ve manuel erişilebilirlik testinden sonra, kullanıcı testinin gerçekleştirilmesi ö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 brifing 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ı kiralayabilir veya kullanıcı testi 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ğuna dikkat etmek önemlidir. Web sitenizin erişilebilir kalmasını sağlamak için aşağıdakileri yapmak 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ını web erişilebilirliğiyle ilgili en iyi uygulamalar konusunda eğitin. Müşteriler için web siteleri başlatıyorsanız, lansman sonrasında erişilebilir bir şekilde nasıl içerik ekleyeceklerini bildiklerinden emin olun.
• Uymanız gereken erişilebilirlik yönergeleri veya yasa değişikliklerinden haberdar olun.

Bu adımların atılması, web sitenizin erişilebilir durumda kalmasını ve yeteneklerinden bağımsız olarak herkesin web üzerindeki bilgilere, ürünlere ve hizmetlere eşit erişime sahip olmasını sağlamaya yardımcı olacaktır.