Web Sitenizin Erişilebilirliği Nasıl Test Edilir
Dünyada 1 milyardan fazla insan ve 4 ABD’li yetişkinden 1’inin engelli. Erişilebilmeleri için geliştirilmeyen web siteleri, engelli kişilerin gezinmesi ve kullanılması için zorluklardır ve erişilemeyen web siteleri, sahiplerini şikayet veya erişilebilirlik davaları alma riski taşır. ABD, Kanada ve AB’deki geliştiriciler için yaptıkları web sitelerine erişilebilmelerini sağlamak için giderek daha önemlidir. Web sitelerinin erişilebilirliğinin ne olduğundan ve yaptığınız web sitesine nasıl erişilebileceğinden emin değilim? Doğru yerdesin. Bu öğretici, bir geliştirici olarak web erişilebilirliğini anlamak için temel bilgileri ve web sitenizi erişilebilirlik sorunları için nasıl test edeceğinizi içerir.
Tam olarak ne web erişilebilirliği? Web erişilebilirliği, çeşitli kalıcı veya durumsal sınırlamalara sahip kişiler için web sitelerinin kullanımını ifade eder. İnsanların körlük, işitme kaybı, bir fare veya klavye kullanma yeteneğini sınırlayan motor bozuklukları ve bilişsel sakatlık gibi özel kodlama hususları olmadan web sitelerini kullanma yeteneğini etkileyebilecek engelli örnekleri. Erişilebilen web siteleri, yardımcı teknoloji kullanıcıları da dahil olmak üzere tüm yeteneklerin kullanıcıları tarafından kolayca erişilebilen, etkileşime girebilen ve kolayca denetlenebilen sitelerdir. 2008 yılından bu yana, web sitelerine erişilebilmelerini sağlamak için tasarımcılar ve geliştiriciler tarafından takip edilebilecek uluslararası kabul edilen standartlar olmuştur. Bu standarda Web İçeriği Erişilebilirlik Yönergeleri (WCAG) denir.
Web sitesinin Web İçeriği Erişilebilirlik Yönergeleri tarafından erişilebilen ana özellikleri, web sitesi erişilebilirliği düzeyini ölçmek için kullanılabilecek “başarılı kriterlerden” oluşur. Web sitesinin: Algılanabilir: Web Sitesindeki bilgiler ve öğeler, nasıl deneyimlediklerine bakılmaksızın kullanıcılar tarafından hissedilebilir. Örneğin, kör kullanıcılar ekran okuyucularından göremedikleri web sitesinin metnini okumalarını isteyebilir ve sağır kullanıcılar duyamadıkları videolar varsa transkriptleri veya bilgileri okuyabilir.
Çalıştırılabilir: Tüm cihazlardaki herkes kullanıcı arayüzünün tüm bileşenlerini, etkileşimli öğeleri ve site navigasyonunu kullanabilir. Web sitesi, geleneksel bir klavye ve fare kullanmayan kişiler için Web’de gezinmek için tam olarak çalışmalıdır.
Anlaşılabilir: Web sitesinin içeriği ve işlevselliği anlaşılmalıdır. Bu, web sitelerindeki okuma sayfaları ve gerçek metin içeriği gibi öğeler ve web sitesi işlevselliği gibi öğeler için de geçerlidir.
Güçlü: Web sitelerinin hem kod hem de içerik girişleri aracılığıyla nasıl oluşturulduğu, çeşitli cihazlar ve yardımcı teknolojiler tarafından erişilmeli ve yorumlanmalıdır.
Geliştirdiğiniz web sitesine çeşitli yeteneklere sahip herkes tarafından erişilebilmesini sağlamanın en iyi yolu, otomatik AI taraması ile birlikte manuel erişilebilirlik testi yapmaktır.
Otomatik Erişilebilirlik Tarama Taraması Nasıl Seçilir Otomatik Erişilebilirlik Taraması, web sitelerinde erişilebilirlik hataları olup olmadığını ve Web Erişilebilirlik Standartlarını karşılayamadıklarını belirlemek için iyi bir ilk adımdır. Otomatik Erişilebilirlik Kontrol Cihazları, web sitesi kodunu görüntüleyerek programlanabilecek erişilebilirlik hatalarını işaretlemek için yukarıda belirtilen yönergeleri kullanın. Otomatik bir araç seçerken, aşağıdakileri dikkate almak önemlidir: Web sitemde kaç sayfa ve gönderim var? Bu araç her şeyi idare edebilir mi?
Web sitemden veya web sitemden ayrılmadan kullanabileceğim araçlardan ayrı bir araç mı istiyor muyum?
Bu aracı birden fazla web sitesinde kullanmam gerekiyor mu? Eğer öyleyse, bu aracı aynı anda birden fazla web sitesinde kullanabilir miyim?
Web sitemdeki bu araçla işaretlenen erişilebilirlik hataları konusunda yardıma ihtiyacım olursa ne olur? Aracın geliştiricisi ek destek sunuyor mu?
Bu sorunun cevaplarını göz önünde bulundurarak, size en uygun otomatik erişilebilirlik aracını bulabilirsiniz. Aşağıda, hata veya erişilebilirlik sorunları bulmak için web sitelerini taramak için yaygın olarak kullanılan bazı araçlar örnekleri verilmiştir.
Wave Wave, Web erişilebilirliği uygulamasına adanmış bir kuruluş olan Webaim tarafından geliştirilen ücretsiz bir hizmettir. Wave, web içeriğini değerlendirir ve WCAG erişilebilirliği ve hataları işaretler. Dalga, sayfaları tek tek tarayabilen daha küçük web siteleri için çok uygundur. Bu aracı kullanmak için Wave Erişilebilirlik Değerlendirme sayfasını ziyaret edin, taramak istediğiniz sayfa URL’sini girin ve Wave size sayfada bulunan tüm erişilebilirlik hatalarının bir listesini verecektir. Dalga ayrıca hatalar ve bunların nasıl düzeltileceği hakkında ayrıntılar sağlar. Bir seferde birden fazla sayfa taramak istiyorsanız, Wave, geliştirici tarafından birkaç web sayfasının veya tüm web sitelerinin kitlesel taramalarını yapmak için kullanılabilecek bir yangına sahiptir. Kredi API’sının her biri 0.025 $ ‘dan başlıyor. Sayfa hakkında ne kadar bilgi almak istediğinize bağlı olarak, her tarama 1-4 kredi kullanabilir. Sürdürülebilir bir web sitesinin erişilebilirliğini izlemek için büyük bir bütçeye sahip bir web sitesi geliştirirseniz veya bir sayfayı bir kez taramayı kabul ederseniz, Wave ihtiyaçlarınız için iyi bir seçim olabilir.
Balta, Deque’den erişilebilirliği taramak için bir araçtır. AX, ücretsiz bir Google Chrome uzantısının yanı sıra tarama erişilebilirliği için üç ücretli seçenek sunar: AX Devtools, AX Denetçisi ve AX Monitor. Devtools, web geliştiricilerinin rehberli testlerle erişilebilirlik elde etmesine yardımcı olur. Denetçi, web ve uygulama içeriğinde otomatik bir WCAG denetimi yapar. Web sitelerini tarar ve erişilebilirlik hatalarını raporlayın. AX, ayrı erişilebilirlik raporlarına ihtiyaç duyan web geliştiricileri ve içerik üreticileri için harika bir araçtır. Anında indirmeler için ücretsiz Chrome Ax uzantıları mevcuttur ve Wave gibi bir sayfa için mükemmel araçlar, manuel olarak taranmış Ücretsiz ve profesyonel bir sürümde sunulan erişilebilirlik incelemeleri, erişilebilirlik hataları için sayfaları tarayabilir ve kütle sonrası WordPress düzenleyicisinde doğrudan raporlar sağlayabilir. Eklenti, WCAG Uygunluk 2.1 için Web İçeriğini Tarar ve Geliştirici ve İçerik Yöneticisi’nin Web Sitesini Sürdürülebilir Erişilebilirlik Sorunları için test etmesine yardımcı olur. Erişilebilirlik denetçileri, bir siteye veya birkaç siteye ihtiyacınız olsun, WordPress kullanıcıları tarafından tüm uzmanlık düzeylerinden kullanılabilir. Ücretsiz erişilebilirlik denetleyicisi eklentileri wordpress.org adresinden indirilebilir ve erişilebilirlik denetleyicisi Pro eklentisi Digital Equalizle satın alınabilir. Erişilebilirlik denetçileri ile taranan sayfa sayısında (veya ilgili API maliyetleri) herhangi bir sınır yoktur ve raporlar doğrudan gönderi düzenleme ekranında görülebilir.
Bu, erişilebilirliğe daha az aşina olabilecek içerik yöneticilerinin, ekledikleri veya düzenledikleri içeriğin web sitesini gönderdikten sonra erişilip erişemeyeceğini görmek için izin verir. Erişilebilirlik Denetçisinin Pro sürümü, bir sayfayı tek tek taramak yerine zamandan tasarruf etmek yerine zamandan tasarruf etmek yerine zamandan tasarruf etmek için zaman tasarrufu yapmak için zaman tasarrufu yapmak için erişilebilirlik ve kütle taramasının merkezi bir listesi içerir. Test Araçları, Test Web Siteleri Raporları tarama ve inceleme tetikleme kadar kolaysınız. Örneğin, erişilebilirliği inceleyerek, belirli sayfalar veya yayınlar için düzenleme ekranında taramada belirlenen herhangi bir hataların veya uyarıların bir listesini görebilirsiniz.
Taramak için kullandığınız araçlar ne olursa olsun, herhangi bir hata veya uyarıyı geçmeli ve doğru işaretlenip işaretlenmediğini belirlemeli ve sorunun üstesinden gelmek için bir eylem planı geliştirmelisiniz. Sorunun gerçekten bir erişilebilirlik sorunu olup olmadığından emin değilseniz, sayfayı manuel olarak test etmek, sorunun ne kadar olabileceğini belirlemenize yardımcı olabilir. Manuel erişilebilirlik testi nedir? Manuel erişilebilirliği test etmek, birisinin web sayfalarını (AI tarayıcıları değil) incelediği ve erişilebilirlik sorunu olup olmadığını belirlediği zamandır. Manuel test örnekleri şunları içerir:
Kapalı metin ve transkriptler için video ve ses dosyaları gibi gömülü ortamı kontrol edin.
Farklı cihazlardaki ve farklı çözünürlüklerde web sitelerini kontrol edin.
Manuel erişilebilirliğin kullanıcı testinden farklı olduğunu belirtmek önemlidir. Kullanıcı testi, erişilebilirlik için web sitelerini test etmek ve geri bildirim sağlamak için engelli bireylerin işe alınmasını içerir. Manuel erişilebilirlik testi, erişilebilirlik hatalarının tanımlanmasının önemli bir parçasıdır, çünkü otomatik test araçlarıyla tanımlanabilecek erişilebilirlik sorunlarının yalnızca% 30-40’ı. Nasıl test edilir Manuel erişilebilirlik nasıl test edilir Web sitenizin erişilebilirliğini manuel olarak nasıl test edersiniz, web sitenizin aktif olup olmadığına bağlı olacaktır. ya da henüz değil. Doğrudan web siteleri için en iyisi, web sitesi sayfalarınızı bu sırayla test etmektir:
Web sitenizdeki en fazla trafiği alan sayfayı test edin. Bu bilgileri bulmak istediğiniz herhangi bir izleme yazılımını kullanabilirsiniz, ancak Google Analytics genellikle kullanılır.
Dönüşümün gerçekleşmesi beklenen tüm sayfaları test edin. Örnekler arasında alışveriş sepeti sayfaları, web formları olan sayfalar, iletişim sayfaları ve reklam talimatları bulunmaktadır.
Ana sayfanızı test edin.
Her bir yazı türünün temsili sayfa testi. Yayın türleri blogları, çalışan biyografilerini, etkinlik takvim sayfalarını vb. İçerebilir. Ayrıca her yazı türü için arşiv sayfasını test etmeniz gerekir.
Geri kalan sayfaları ve yayınları web sitenizdeki, en fazla trafiğe sahip sayfadan en az trafikle sayfaya test edin. Web sitenizdeki her kamu URL’sini gözlemleyene kadar devam edin.
Web siteniz etkin değilse, ana sayfadan başlayarak ve ardından tüm web sitelerini sizin için en makul olan herhangi bir sırayla izleyerek içeriğinizi manuel olarak test edebilirsiniz. Klavye Gezinme Testi Manuel erişilebilirlik testini başlatmanın en iyi yolu klavye gezinmesini test etmektir. Web sitenizi ziyaret eden bazı kişiler klavyelerini fare yerine gezmek için kullanmalıdır. Bu, kör kullanıcıları veya kör kişileri veya motor yaralanmaları veya bozukluğu olan kullanıcıları içerebilir. Web Sitesi Klavyenizi test etmek için önce test etmek istediğiniz sayfayı yükleyin. Web sitesi sayfalarınıza göz atmak ve her özellik ile etkileşim kurmak için sekme ve ok tuşlarını kullanın. Amacınız, klavyenizi kullanarak bir fare ile yapabileceğiniz her şeyi başarmaktır. Klavye web sitenizi test ettiğinde aşağıdakileri düşünün: Odaklanma durumunun nerede ve sayfada nerede olduğunuzu görebiliyor musunuz?
Düğmeler ve bağlantılar için odak durumu arka plana yeterince kontrast mı?
Yalnızca klavye kullanarak farklı bir sayfa açabilir misiniz?
Web sayfanızın sayfanın ana içeriğine atlamanızı sağlayan bir bağlantısı var mı?
Görüntü değiştirme, harita veya video gibi özel sayfa özellikleriyle etkileşime girebilir misiniz?
Bir web formu gönderebilir ve ürün satın alımını tamamlayabilir misiniz?
Ekran Okuyucuları ile Test Klavye gezinmesi için web sitenizi test ettikten sonra ekran okuyucularıyla test etmeye başlayabilirsiniz. Ekran okuyucuları, kör ve kör insanlar tarafından web sitelerinde gezinmek ve web içeriğini okumak için sıklıkla kullanılan bir tür yardımcı teknolojidir. Bir Mac’iniz varsa, web sitenizi bilgisayarınızda yüklü Soundover, Screen Reader yazılımını kullanarak test edebilirsiniz. Mac’iniz yoksa, ücretsiz bir açık kaynak ekran okuyucu olan NVDA’yı indirebilirsiniz. Ayrıca kör ve kör kullanıcılar arasında çok popüler olan ücretli bir ekran okuyucu olan Jaws ile test etmeyi de düşünebilirsiniz. Web sitenizi ekran okuyucularından yalnızca biriyle test edebilirsiniz, ancak iki veya daha fazla ile test etmek daha iyi sonuçlar sunacaktır, çünkü tüm ekran okuyucuları öğeler bulurken aynı şeyi okumaz. Web sitenizi ekran okuyucuları ile test etmek için, bilgisayarınıza ekran okuyucular yazılımı yükleyin, açın ve test etmek istediğiniz sayfaları yükleyin. Sekme ve ok düğmesini kullanarak klavye kılavuzunu test ederken sayfayı yaptığınız gibi keşfedin. Ekran okuyucusunun söylediklerini dinleyin ve kafa karıştırıcı veya yanlış göründüğünü not edin, örneğin: amacı açıklamayan bir bağlantı. Örneğin, “tıklanabilecek bağlantıları” veya “Daha fazla bilgi edinin” duyabilirsiniz. Bağlantı, ne yapmaları gerektiğini veya kullanıcıları nereye getirdiklerini açıklamalıdır.
Otomatik öğe. Otomatik olarak oynanan bir videonuz veya kaydırma varsa, ekran okuyucusuna müdahale edebilir ve kullanıcıları karıştırabilir.
Karmaşık sayfa öğeleri.Sayfanızın Bertic veya Chordeon içeriği gibi karmaşık öğeleri varsa, odak durumunun Chordeon’daki içeriğe geçmesini sağlamanız gerekir.Değilse, Screen okuyucu kullanıcıları içerik bulamayacak ve okuyamayacaklardır.
