WordPress Siteniz Erişilebilirliğinizi Nasıl Denetlersiniz?

Web sitesi erişilebilirliği, çoğu geliştiricinin ve tasarımcının çok önemli olduğunu ve yapmaları gereken bir şey olduğunu, ancak süreci yerine nasıl başlayacağını veya zamana sahip olacağını gerçekten bilmedikleri bir ifadeden bir şeydir, bu yüzden erteliyorlar. Aslında, öncelik olarak erişilebilirliği yapmayan web siteleri, bekleme davası gerçekleşir. Pew Araştırma Merkezi tarafından yapılan 2011 araştırması, Amerikalı yetişkinlerin%2 veya 4.7 milyonu, interneti kullanmayı zor veya imkansız hale getiren kusurlar veya hastalıklar yaşadıklarını söyledi. Bu vatandaş adına hareket eden ABD Adalet Bakanlığı, Hedefler, Disney ve Netflix gibi büyük markalarla milyonlarca doların tamamlanmasına dava açtı ve müzakere etti, çünkü sitelerini kusurlu müşterinin ihtiyaçlarını karşılamak için tasarlamadılar. arama.
Hukuk firması Seyfarth Shaw ve Goulston & Storrs’a göre, Amerikan Engellilik Yasası kapsamında sunulan web sitesinin erişilebilirliği için davalarda yakın zamanda yapılan bir artış yavaş işaretler göstermedi. ABD dışında, daha fazla web erişilebilirliği için momentum büyür ve Avrupa Birliği erişilebilirliği test etmek için yasalar oluşturur. Ancak web sitenizi sadece davalardan kaçınmak için erişilebilir hale getirmek. Bu doğru olan şeydir – kapsayıcılığa dikkat ederek siteler tasarlamak ve geliştirmek, tüm kullanıcılara ve insanlara eşit saygı duymanız ve saygı duymanız anlamına gelir.
Tüm bunları hatırlayarak, tüm projeleriniz için kullanabileceğiniz süreçleri uygulamanıza yardımcı olacak ipuçları ve araçlar da dahil olmak üzere web sitenizin web sitesi erişilebilirliğinin bir denetimi aracılığıyla size rehberlik edeceğim. 1. İlk olarak WCAG 2.0 ile kendinizi aşina olun: W3C 2.0 Web İçeriği Erişilebilirlik Yönergeleri’nde (WCAG 2.0) geçin. Dikkate alınması gereken birçok şey vardır, ancak iyice okumanıza gerek yoktur, sadece 12 temel kategoriyi ve ne anlama geldiğini tanıyın, böylece ilgili yönergeleri daha iyi anlayabilirsiniz. WCAG 2.0 yönergelerinin web sitenizin hemen hemen her bölümüne, koddan içeriğe ve görüntülere kadar dokunacağını söylemek aşırı değildir. Ancak her kılavuzun bir hedefi vardır. Örneğin, bazı WCAG Yönergeleri 2.0 şunları içerir:
Web sitenizi oluşturmak için temel işaretleme tekniğinin ekran okuyucuları ve diğer araçlar tarafından okunması kolaydır.
Doğru alt görüntü ve metni kullanma.
Videoları içeriğinize doğru şekilde görüntüleme ve birleştirme.
Erişilebilirliği sağlamak için web sitenizdeki doğru rengi ve kontrastı kullanın.
Alternatif web sayfaları nasıl doğru yayılır.
Web sitenizin navigasyonunun yapısı ve ayarı.
WCAG 2.0 ile eşleşen web siteleri, belirli evrensel erişilebilirliğin eşiğini karşılamalıdır. Web sitenizin nerede durduğunu bilmek çok değerli ve zor olabilir.
Bu adım: Yapmanız gereken işin kapsamını anlamanıza ve anlamanıza yardımcı olacaktır. 2. Kodunuzu doğrulamak Bir sonraki adım, web sitenizin temel kodunu görmeye başlamaktır. Eğer bir geliştirici değilseniz, bu açıkça bir meydan okuma olacaktır. Bu nedenle W3C, geliştiricinin sitenizin itaatkar olup olmadığını ve yapılacak daha fazla işin olabileceğini bilmelerine yardımcı olmak için değerli işaretleme doğrulama araçları sağlar. W3C temel olarak bir Web Profesyonel Düzenleme Ajansı olduğundan, doğrulama araçları genellikle web sitenizin web sitesi erişilebilirlik denetiminde bir sonraki bilgilendirici adımdır. Buna rağmen, bu araç eksik ve denetiminizin birkaç adım daha devam etmesi muhtemeldir. İşaretleme doğrulama araçları:
HTML, XHTML ve SMIL dahil olmak üzere web sitenizin temel işaretlemesi.
Gerekli alt metin işaretlemesi için tüm resimleri kontrol edin
WCAG 2.0’a uygunluk standardı uyarınca semantik kodunuzu sağlamak için web sitenizin yapısını görün
Sadece yapacağınız URL sayfasına bakın; Genel uyumluluğunuzun resmini almak için web sitenizi sayfa (veya temsili bir örnek alarak) test etmelisiniz.
Bu araç CSS’yi test etmeyecek veya kırık bir bağlantı aramayacaktır, bu nedenle bunun için başka araçlar kullanmanız gerekir. CSS-Tricks’in erişilebilirlik için harika bir kılavuzu vardır, WordPress.org depolarında hasarlı bağlantıları bulmanıza ve değiştirmenize yardımcı olabilecek birçok ücretsiz eklenti vardır.
Bu adım: Sayfanızda görünebilecek temel bir işaretleme ve anlamsal hata bulmanıza yardımcı olacaktır. 3. Ekran okuyucunun uyumluluğunu kontrol edin, birçok engelli kullanıcının sitenizi kullanmalarına yardımcı olmak için ekran okuma teknolojisini kullanması muhtemel olduğundan, sitenizin böyle bir cihaz aracılığıyla işlendiğinde iyi performans göstermesi çok önemlidir. Sitenizin ekran okuyucularıyla çalışıp çalışmadığını kontrol etmenin çok basit, hızlı ve etkili bir yolu, ChromeVox uzantısı (Chrome uzantısı) veya dişler (Firefox için uzantı) gibi araçları kullanarak simüle etmektir. Ekran okuyucuları semantik ses koduna, yapılandırılmış içeriğe bağlı Mantıksal ve navigasyon ve temiz düğmeler. Bu öğelerden biri doğru uygulanmazsa, kullanıcının ekran okuyucularıyla olan deneyimi önemli ölçüde azaltılabilir. Ekran okuyucusunu simüle etmek size yardımcı olacaktır:
Doğru ekran okuyucusunu kullandığında, yani web sitenizin çoğunlukla okunup okunamayacağı veya ekran okuyucularının bunu yorumlaması için bir kabus mu?
Web sitenizdeki kodun doğru yapılandırılmadığı veya kullanıcının deneyimini rahatsız ettiği geçici durdurma noktasını belirleyin.
Özel menünün ekran okuyucu yazılımında düzgün çalıştığından emin olun.
Navigasyonunuzun ekran okuyucusunda olması gerektiği gibi çalışıp çalışmadığını anlayın.
İçeriğinizin tutarlı bir şekilde düzenlenip düzenlenmediğini belirleyin.
Ekran okuyucuları kullanan kullanıcıların tüm içeriğinize göz atabileceğini görün.
Bu adım: Sitenizin performansının ekran okuyucu yazılımına güvenen kullanıcılar için ne kadar iyi olduğunun bir resmini verecektir. Varsayılan olarak, ekran okuyucuları ayrıca sitenizdeki anlambilim ve sayfa içerik organizasyonları hakkında çeşitli sorunlara dikkat çekmeye yardımcı olacaktır. Site İçeriğinizi İnceleme (Video dahil) Erişilebilirlik denetiminizle çalışmanıza yardımcı olacak araç sıkıntısı yoktur. Aslında, W3C web sitesinin tam bir listesini burada bulabilirsiniz. Ancak şu anda erişilebilirlik denetiminde, sitenizin gerçek içeriğini gözden geçirmek için zaman ayırmak daha iyidir. Makaleler, resimler, videolar, podcast’ler ve diğer medya dahil olmak üzere içeriğinizi denetlerken, kendinize sorabileceğiniz bazı sorular vardır:
Ana navigasyonunuzla sekebilir misiniz? Bu durumda, tüm kullanıcınızın deneyimini kolayca izleyebilir misiniz? Bu işlev güçlü erişilebilirlik için çok önemlidir.
Ekranı büzüştüğünüzde ve genişlettiğinizde, ekran dışındaki içerik düzgün bir şekilde devre dışı bırakılıyor mu?
Başlık etiketi doğru mı kullanılıyor? Başlık etiketi, içeriğinizin yapısını ayarlamaya yardımcı olur ve kolay bir anahat oluşturur.

Tüm videolarınızda metin veya altyazılı mı? Ses video açıklaması da bazen arzu edilir.
Tüm renkleriniz yeterince kontrast gösteriyor mu? Bu, renk kör kullanıcılarının kafa karıştırıcı kullanıcı deneyimi yaşamamasını sağlamak içindir.
Tüm resimlerinizin alternatif metinleri var mı? Alternatif metin, çeşitli kullanıcılar için önemli olan tanımlayıcı bir araçtır.
Bu adım: Web sitenizdeki içerik için güçlü yönleri ve fırsatları belirlemenize yardımcı olacaktır. Videodan makaleye, içeriğinize mümkün olduğunca kolay erişilmeye çalışmalıdır. Web ve SEO.5 erişilebilirliği arasındaki yakın korelasyonu unutmayın. Kullanıcı testi Bu noktada, web sitenizle çok zaman harcadınız, genel erişilebilirliğinizde nerede bir boşluk olabileceğini görmek için kodları ve içeriği kontrol ettiniz. Ama gerçek şu ki, tüm bu araçlar size sadece çok şey söyleyebilir. Belki izlemeyi düşünmediğiniz sorunlar vardır. Bu yüzden bir kullanıcı testi yapmak size daha değerli bilgiler verecektir. İdeal olarak, kullanıcı testleri engelli kullanıcılar tarafından gerçekleştirilmelidir. Test kullanıcınız:
Teşhis veya diğer test cihazları kapsamında olmasalar bile, karşılaştıkları zorlukların tanımlanması.
Web sitenizi çeşitli şekillerde ve çeşitli ortamlarda (hücresel ve masaüstü gibi) kullanmak için tekrarlanan ve kapsamlı çabalarda bulunur, ancak kendileri için doğal hissettiren şekillerde özel bir vurgu ile.
Çok sayıda özel menü, anahtar ve römorkör ile etkileşime geçin.
Ne kadar küçük olursa olsun, ortaya çıkabilecek tüm sorunları kaydedin.
Bu adım: Sitenizin erişilebilirlik açısından nasıl çalıştığı hakkında gerçek ve değerli geri bildirimler almanıza yardımcı olacaktır. Teorik olarak, web sitenizi geliştirme ve iyileştirmenin her aşamasıyla test etmelisiniz.
6. Web sitenizin erişilebilirliği hakkında tüm bu bilgileri topladıktan sonra takip edilebilecek görevlerin bir kontrol listesini yapın, denetimin takip edilebilmesi için zaman ayırmanız önemlidir. Bu, amacınızın ne olduğunu düşünmek için zaman ayırmak anlamına gelir. Web sitenizin A veya AA düzeyinde WCAG 2.0 gereksinimlerini karşılamasını istiyor musunuz? Yoksa sadece erişilebilirliği artırmak ve uyum konusunda endişelenmek için sadık çaba sarf etmek mi istiyorsunuz? Bu soruya cevabınız, erişilebilirlik denetiminiz tamamlandıktan sonra görev yönetimine yaklaşımınızı etkileyecektir. Bununla birlikte,% 99’u karşılayan web sitelerinin itaatkar olarak kabul edilmediğini göstermek önemlidir. Gelecekteki web sitesi projeleri için erişilebilirlik kontrol listesi geliştirirken, dikkate alınması gereken bazı şeyler şunlardır: Hangi görevlerin kolayca tamamlandığını ve hangi hedeflerin uygulanması için daha fazla zaman gerektirebileceğini açıklayın.
Hangi görevlerin yalnızca iyi geliştiricilerin uygulanmasını gerektiren içerik ve görevleri değiştirerek tamamlanabileceğini kaydedin.
Bazı görevler bir uzman veya bunu yapmak için özel deneyime sahip birine ihtiyaç duyabilir; Görevler önceden kaydedilmelidir
Bir kontrol listesi dışında bir zaman çizgisi geliştirirseniz, test ve problem çözme alanını bıraktığınızdan emin olun.
Elde etmek istediğiniz uyumluluk seviyesine dikkat edin; Hangi görevlerin görevleri A, seviye AA ve hatta AAA seviyesi olduğunu ifade etmek.
Her aşamada nihayetinde ne elde etmek istediğinizi bilmeniz için kontrol listenizi belirli uyumluluk kriterleriyle eşleştirin.