Erişilebilirlik Testi Eğitimi (Adım Adım Eksiksiz Kılavuz)

accessibility testing tutorial

Erişilebilirlik Testi İçin Eksiksiz Kılavuz:

Web Erişilebilirliği nedir:

Web herkese açıktır ve bir testçi olarak (aynı zamanda insan), tüm kullanıcılar tarafından erişilebilir olup olmadığını kontrol etmek bizim sorumluluğumuzdur. Bu da, uygulamayı her bir kullanıcı için erişilebilir hale getirmek için çalışırken, bir işletmenin başarısına büyük katkı sağlayacaktır.

Bu aynı zamanda kullanıcı memnuniyetini ve işimizi de artıracaktır.

Bu Serideki Öğreticilerin Listesi:

1. Erişilebilirlik Testi Kılavuzu (Bu Eğitim)
2. Erişilebilirlik Test Araçları - Tam Bir Liste
3. WAT (Web Erişilebilirlik Araç Çubuğu) Eğitimi
4. WAVE ve JAWS Erişilebilirlik Kontrol Araçları

Çoğu kullanıcı için web üzerinden İnternet kullanımı kolaydır. Ancak, zorluklarla dolu farklı bir demografik kümeye baktığımızda durum böyle değil. Web sitelerinin bu kullanıcı grubu için erişilebilir, kullanılabilir ve yararlı olması zorunludur ve kullanıcıları dil / kültür / konum / yazılım / fiziksel veya zihinsel yeteneklere göre ayırt etmemelidir.

Ne öğreneceksin:

• Erişilebilirlik Testi nedir?
• Erişilebilirlik ve Hukuk
• Web Sitesi Erişilebilirliğini Test Etme Hakkındaki Mitler
• Erişilebilirlik Testinin Zorlukları
• Önem
• Web Erişilebilirliği Nasıl Ölçülür?
• Uyulması Gereken Evrensel Web Tasarım İlkeleri
• Erişilebilirlik Testi Nasıl Gerçekleştirilir - Adım adım kılavuz
  • Manuel Yöntem
  • Otomatik Erişilebilirlik Testi
• Erişilebilirlik Testi Kontrol Listesi / Test Durumları / Senaryolar
• Sonuç
• Önerilen Kaynaklar

Erişilebilirlik Testi nedir?

Her kullanıcının web sitesine kolayca erişebildiğinden emin olmak için bir web uygulamasını test etmek Erişilebilirlik Testi olarak bilinir. Web sitelerinin bu alanda gerçekten etkili olmasını sağlamaya yardımcı olan uzmanlaşmış ve adanmış test dalı ' Web Erişilebilirlik Testi ”.

En önemlisi, erişilebilirlik testi için de uyulması gereken belirli yasalar ve yönergeler vardır.

Erişilebilirlik ve Hukuk

• Engelli Amerikalılar Yasası : Bu yasa, kamu binaları, okullar ve kuruluşlar gibi tüm alanların teknolojiyi herkes için erişilebilir hale getirmesi gerektiğini belirtir.
• Rehabilitasyon Yasası, bölüm 504 ve bölüm 508 : Bölüm 504, işyerine, eğitime ve diğer kuruluşlara erişim için tüm engelli kişileri barındırır ve bölüm 508, teknolojiye erişimi barındırır.
• Web içeriği erişilebilirlik yönergeleri: Bu yönergeler, bir web sitesinin erişilebilirliğini iyileştirmeye yardımcı olabilecek yolları önerir.

Web Sitesi Erişilebilirliğini Test Etme Hakkındaki Mitler

Efsane 1 :Pahalı.

Gerçek : Önlem her zaman tedaviden daha iyidir, bu nedenle erişilebilirlik sorunlarını tasarım aşamasında kendi başına düşünebilir ve maliyeti düşürebiliriz.

Efsane 2: Erişilemeyen web sitesini erişime dönüştürmek zaman alan bir işlemdir.

Gerçek : Her şeye öncelik verebilir ve sadece temel ihtiyaçlar üzerinde çalışabiliriz.

Efsane 3: Erişilebilirlik sade ve sıkıcı.

Gerçek : Erişilebilirlik, bir web sitesinin yalnızca metin içermesi gerektiği anlamına gelmez. Ayrıca görseller ekleyebilir ve daha çekici hale getirebiliriz ancak dikkat edilmesi gereken nokta, herkes için erişilebilir olması gerektiğidir.

Efsane 4 :Erişilebilirlik testi kör ve engelli kişiler içindir.

Gerçek : Yazılım herkes için yararlıdır ve bu nedenle bu test tüm kullanıcılar içindir.

A'nın Zorlukları erişilebilirlik testi

Aşağıdakiler bazıları Erişilebilirlik kılavuzlarının ele almaya çalıştığı ortak zorluklar veya zorluklar:

Önem

• Engelli veya zorlukları olan kullanıcılara kolay ve verimli erişim
• Pazar payını ve izleyici erişimini artırır
• Sürdürülebilirliği ve verimliliği artırır
• Mevcut ve gelecekteki yasal gereksinimleri karşılar ve etiğe uymaya yardımcı olur
• Uluslararasılaşmayı destekleyin
• Düşük bant genişliğine sahip kullanıcılar için erişime yardımcı olur.

Sonuçta her şey şu anlama gelir: 'Daha iyi iş - daha fazla para'.

Web Erişilebilirliği Nasıl Ölçülür?

Web erişilebilirliği, tarafından oluşturulan web erişilebilirlik standartları yardımıyla ölçülebilir. W3C olarak bilinir Web İçeriği Erişilebilirlik Yönergeleri (WCAG) . Diğer birkaç departman da kendi kılavuzlarını geliştirdi, ancak bunlar da takip ediyor Web Erişilebilirlik Girişimi (WAI) Yönergeler.

Bir Web Sitesinin Erişilebilirliğinin Değerlendirilmesi:

Bunda rol oynayan birçok faktör var, örneğin:

• İçerik
• Boyut
• Kod
• Biçimlendirme dilleri
• Geliştirme araçları
• Çevre

Her zaman olduğu gibi, projenin ilk aşamasında web erişilebilirlik tekniklerini uygulamak iyi bir uygulamadır. Erişilemeyen web sitelerinin düzeltilmesi ek çaba gerektirir.

Birkaç basit örnek teknik:

• Sayfa başlığının doğrulanması
• Resim metni alternatifleri ('alternatif metin')
• Başlıklar
• Kontrast oranı ('renk kontrastı') .. vb.

Erişilebilirliği de ' Değerlendirme Araçları '- bir ölçüde. Alt metnin görüntüye uygun şekilde yazılıp yazılmaması, tam olarak değerlendirilememesi, ancak çoğu zaman etkilidir gibi birkaç şey vardır.

Ayrıca Oku => 30'dan fazla en popüler web test aracı.

Uyulması Gereken Evrensel Web Tasarım İlkeleri

Web sitesi, evrensel olarak, kullanılabilirlik ve erişilebilirlik ilkelerine uyacak şekilde tasarlanmalıdır. Herkesin kendi öğrenme ve işleme tarzı vardır, bu nedenle site / ürün bundan bağımsız olarak tasarlanmalıdır.

Aşağıda, web sitesi tasarımının bazı temel standart ilkeleri verilmiştir:

# 1) Koordinasyon:

Projeye dahil olan her faaliyet ve her kişi birbiriyle koordineli olmalıdır. Unutulmamalıdır ki, bir web sitesi kendisine göre tasarlanmalıdır. W3C standartları.

# 2) Yaptırım:

Sorumlu bir kuruluş olarak, erişilebilir bir site oluşturmaktan kendinizi sorumlu tutmalısınız. Erişilebilir bir siteden kendilerini sorumlu tutan kullanıcılar yerine bunu yapmalıyız.

# 3) Liderlik:

Herkes bu ilkelerin farkında olmalı ve siteye girerken herhangi bir sorunla karşılaşıp karşılaşmadığını bildirmelidir.

# 4) Erişimin dikkate alınması :

Standartlara uymalıyız, bununla birlikte özel yetenekli kişiler için kuruluşun izlediği standartları da dikkate alabiliriz.

# 5) Teknik boyutlar:

Bir web sitesi tüm teknik standartlar dikkate alınarak tasarlanmalıdır.

# 6) Eğitim araştırması:

Erişilebilirlik ve web sitesine erişirken karşılaşılan sorunlar hakkında araştırma yapmalıyız. Bunun yardımıyla personele standartlar ve konulardan haberdar olmaları için eğitim verilmelidir.

# 7) Sosyal içerme:

Tüm insanlara yalnızca çevrimiçi modda değil fiziksel dünyada da eşit muamele edilmelidir.

Bu bina ile birlikte bir POUR web sitesi gereklidir.

Şimdi soru, POUR'un ne anlama geldiği ve cevap aşağıda verildiği şeklinde ortaya çıkıyor:

P düşünülebilir:Web paketinin sunumu algılanabilir olmalıdır. İçerik, tüm kullanıcıların tüm bakış açısından anlamlı olmalıdır.

VEYA perable:Bir kullanıcı siteyi kolayca gezebiliyorsa sitenin çalışabilir olduğu söylenebilir.

U anlaşılabilir:Web sitesinde bulunan her şey, her tür kullanıcı tarafından anlaşılmalıdır. Kısacası, dil kolay olmalı ve karmaşık olmamalıdır.

R Dur:Değişen teknoloji ve kullanıcı türü ne olursa olsun, içerik sağlam olmalıdır.

Erişilebilirlik Testi Nasıl Gerçekleştirilir - Adım adım kılavuz

Bu, Manuel ve Otomasyon test yöntemi kullanılarak yapılabilir.

Manuel Yöntem

Erişilebilirlik testi için piyasada bulunan birçok araç vardır, ancak vasıflı kaynak eksikliği, bütçe vb. Gibi bazı sorunlar olabilir. Böyle bir durumda, manuel test yapabiliriz.

Aşağıda, web sitesi erişilebilirliğini manuel olarak test etmenin birkaç yolu verilmiştir:

# 1) Yüksek kontrast modunu kullanabiliriz:

Yüksek kontrast modunu kullanarak web sitesinin içeriğini vurgulayabiliriz. Yüksek kontrast modunu çevirdiğimizde, web sitesinin içeriği beyaza veya sarıya ve arka planı siyaha döndükçe otomatik olarak vurgulanır.

Yüksek karşıtlık modunu açmak için, arama kutusundaki yüksek karşıtlık modunu arayın.

Burada, bir tema seçme seçeneği bulacaksınız, açılır menüden yüksek kontrastlı temayı seçin.

Ayarlarda değişiklik yaptıktan sonra bir tarayıcı aşağıda gösterildiği gibi görünecektir.

Bundan sonra, içeriğin düzgün bir şekilde görünür olup olmadığını görebiliriz.

# 2) Görsellere erişmeden :

Şimdilik geçici olarak, erişimi kapatabilir ve metnin içeriğe haklı olup olmadığını görebilirsiniz, çünkü bazı kişiler buna erişemeyebilir veya bazen görüntüleri yüklemek çok uzun sürer.

Tarayıcıya erişimi aşağıdaki şekillerde kapatabilirsiniz:

Internet Explorer: Araçlar-> İnternet Seçenekleri-> Gelişmiş-> resimleri göster (işaretini kaldırın).

Firefox: Firefox'u açın ve yazın hakkında : yapılandırma , adres çubuğunda ve çıktıyı aşağıda gösterildiği gibi alacaksınız.

Bu ekranı aldıktan sonra ' allow.default.image ’ ve değeri 0-1'den ayarlayın.

# 3) Altyazıları kontrol etmek :Bir altyazının mevcut olup olmadığını kontrol edin ve hemen hemen açıklayıcı olduğundan emin olun. Facebook sayfasında çoğu zaman resimlerin veya videoların gösterilmesi uzun sürebilecek bağlantılarla karşılaşıyoruz, ancak altyazılar bize çok yardımcı olacak.

# 4) Basamaklı stil sayfasını (CSS) kapatarak: CSS temel olarak belgenin sunumunu tanımlamak için kullanılır. Bunu kapatarak arka plan rengini, metin stilini ve metin sunum stilini kontrol edebiliriz.

# 5) Klavyeyi kullanmayı deneyin :Bir oyuncu veya mükemmel bir uzman iseniz, bu test sizin için daha kolay olmalı. Fareye dokunmamaya ve web sitesine klavye yardımıyla erişmemeye çalışın.

Bağlantılar arasında geçiş yapmak için 'Sekme' tuşunu kullanabilirsiniz.

'Sekme' + 'Üst Karakter' seni daha önce olduğun yere götürecek.

# 6) Alan etiketi kullanın :Form doldururken kullanışlıdır, alan etiketi bir şablonu görüntülerken göreceğiniz şeydir. Bunu kullanarak, kayıt olurken veya çevrimiçi bir şey sipariş ederken gerekli bilgileri doldurabilirsiniz.

iphone için en iyi mobil casus uygulaması

# 7) Yazı tipi boyutunu büyük olarak değiştirmek :Büyük yazı tipi boyutu ve sürekli erişilebilirlik denetimi kullanın.

# 8) Gezinmeyi atla: Bu, motor engelli insanlar için faydalı olabilir. Tıklayarak Ctrl + Ana Sayfa odağınızı sayfanın en üstüne taşıyabilirsiniz.

# 9) PDF belgesi: PDF dosyasını metin biçiminde kaydetmeyi deneyin ve içerik sırasının korunup korunmadığını kontrol edin.

# 10) Stili devre dışı bırakarak: Stili devre dışı bırakın ve tablonun içeriğinin düzgün dizilip dizilmediğini kontrol edin.

# 11) İçerik ölçekleme: Görüntüyü uzaklaştırmayı deneyin ve okunabilir olup olmadığını kontrol edin.

Otomatik Erişilebilirlik Testi

Otomasyon, test alanında geniş çapta yayıldığından, erişilebilirlik kontrolü için de otomasyona gidebiliriz. Otomatik test için birkaç aracımız var.

# 1) aDesigner: IBM tarafından geliştirilmiştir ve yazılımı görme engelli kişilerin bakış açısından test etmek için kullanışlıdır.

# 2) WebAnywhere: Ekran okuyucu görevi görür ve özel bir kurulum gerektirmez.

# 3) Vischeck: Bu araç, farklı türden kullanıcılar tarafından erişildiğinde nasıl görüneceğini hayal edebilmemiz için resmi çeşitli biçimlerde yeniden üretmemize yardımcı olur.

# 4) Renk Kontrastı Analizörü: Renk kombinasyonunu kontrol eder ve görünürlüğü analiz eder.

# 5) Hera: Uygulamanın tarzını kontrol eder ve çok dilli bir seçenekle birlikte gelir.

# 6) Firefox Erişilebilirlik Uzantısı: Firefox, işlevselliğini artırmanıza izin verir.

Açmak için ekleyebilirsiniz Firefox-> Eklentiler-> erişilebilirlik uzantısı . Raporu, gezinmeyi, bağlantı metnini vb. Test etmenize yardımcı olacaktır.

Tıkladıktan sonra uzantı arama için bir seçenek alacaksın eklentiler .

# 7) TAW çevrimiçi: Yazılımın aşağıdaki kılavuza göre geliştirilip geliştirilmediğini test etme seçeneği sunar. WCAG 1.0 veya WCAG 2.0 . Ayrıca analiz düzeyini seçme seçeneğine de sahiptir.

# 8) PDF Erişilebilirlik Denetleyicisi: Bir PDF dosyasının erişilebilirliğini kontrol eder.

=> Tam liste için Bu Erişilebilirlik Test Araçları gönderisine göz atın

Erişilebilirlik Testi Kontrol Listesi / Test Durumları / Senaryolar

Aşağıda, bu tür testler yapılırken kontrol edilmesi gereken birkaç nokta verilmiştir:

• Etiketler doğru yazılmış ve yerleştirilmişse.
• Ses / video içeriği düzgün bir şekilde duyulabilir / görünürse.
• Renk kontrast oranı korunursa veya korunmazsa.
• Video için kontrol eylemleri iyi çalışıyorsa veya çalışmıyorsa.
• Menü için kısa tuşlar sağlanmışsa, bunların hepsinin düzgün çalışıp çalışmadığını kontrol etmeniz gerekir.
• Sekmeler arasında gezinmek kolay bir işse sekmeleri kontrol etmeniz gerekir.
• Uygulama tüm ilke ve yönergelere uyup uymuyorsa.
• Başlık benzersizse ve anlam ve yapıyı aktarıyor mu değil mi?
• Bağlantı metni belirsizlik yaratmak yerine içerik açıklaması ile yazılırsa.
• Anlamlı bir multimedya başlığı sağlanmışsa veya verilmemişse.
• Talimatlar açıkça belirtilmişse veya verilmemişse.
• İçerik açık, öz ve anlaşılır olup olmadığı.

Aşağıdakiler, web sitesinin erişilebilirlik için karşılaması gereken temel noktalardır:

• Bağlantı metni açıklayıcı olmalıdır . Klavyeden sekme düğmesine tıklayarak ve bağlantıdan bağlantıya geçerek görme engelli kullanıcı erişimi web sayfasına. Bu nedenle, bağlantıların açıklamasının doğru şekilde tanımlanması önemlidir. Köprülere sekme tuşunu kullanarak erişilebildiğinden emin olun.
• Mümkünse uygun resimler sağlayın . Bir resim kelimelerden daha yüksek sesle konuşuyor. Mümkün olduğunca metin için uygun resimler eklemeye çalışın. Resimler, Okuryazarlık sorunu yaşayan kullanıcılar için web sitesinin içeriğini tanımlayabilir.
• Basit bir dil kullanın . Bilişsel engelli kullanıcının öğrenme güçlüğü vardır, cümleleri onlar için basit ve kolay okunabilir hale getirmek çok önemlidir.
• Tutarlı Gezinme . Sayfalar arasında tutarlı gezinme, bilişsel engelli kullanıcılar için de çok önemlidir. Web sitesinin tutarlılığını korumak ve sayfaları düzenli olarak değiştirmemek iyi bir uygulamadır. Yeni düzene uyum sağlamak zaman alır ve zor olabilir.
• Pop-up'ları yoksay . Web sayfalarını okumak için ekran okuyucu kullanan kullanıcılar, pop-up'lar onlar için gerçekten rahatsız edici olabilir. Ekran okuyucu sayfayı yukarıdan aşağıya okur ve ani bir açılır pencere gelir, okuyucu asıl içerikten önce onu okumaya başlar. Görme engelli kullanıcıların kafasını karıştırabilir.
• CSS düzeni . CSS tabanlı web siteleri, HTML kod tabanlı web sitelerinden daha erişilebilirdir.
• Büyük cümleyi küçük ve basit bir cümleye bölün. Görme engelli kullanıcılar web sayfasındaki bilgileri dinler ve hatırlamaya çalışır. Büyük cümleyi küçük ve basit bir cümleye bölerek olayları kolayca hatırlayabilirsiniz.
• Seçim çerçevesi metni kullanmayın. Parlak metinlerden kaçının ve basit tutun.

Kısacası uygulamanın W3C yönergelerine, web sitesi tasarım ilkelerine ve erişilebilirlik ilkelerine göre geliştirilip geliştirilmediğini kontrol etmemiz ve bunun için tüm bu ilkelerin farkında olmamız gerekiyor.

Web sitesinin / uygulamanın yazılı içeriğini, tasarımını ve geliştirme yöntemini doğrulayarak ve onaylayarak yukarıdaki kontrol noktalarını özetleyebiliriz.

Ayrıca oku => Web testi tam kılavuzu.

Sonuç

Erişilebilirlik testi, bir kişinin yazılıma ne kadar kolay erişebileceğini, erişebileceğini ve anlayabileceğini açıklar. Her tür kullanıcı içindir. Test uzmanı, testi herkesin bakış açısından yapmalıdır.

Diğer herhangi bir test türü gibi, bu test manuel olarak ve otomasyon araçları yardımıyla da yapılabilir. Bir Test Cihazının amacı, sadece yönergelerin yerine getirilip getirilmediğini ve bir kullanıcının yazılımı ne kadar kolay ve dostça kullanabileceğini kontrol etmek olmalıdır.

Önerilen okuma = >> En İyi Erişilebilirlik Test Hizmetleri Sağlayıcıları

Bu eğitim dizisinin bir sonraki bölümünde, sizi birkaç web erişilebilirlik test aracı ve tekniği ile tanıştıracağız, bu yüzden lütfen bizimle kalın.

Her zaman olduğu gibi, lütfen sorularınız, önerileriniz ve deneyimlerinizle yorum yapın.

SONRAKİ Eğitici

Önerilen Kaynaklar

• WAVE Erişilebilirlik Test Aracı Eğitimi
• Alfa Testi ve Beta Testi (Tam Kılavuz)
• Erişilebilirlik Testi için WAT (Web Erişilebilirlik Araç Çubuğu) Eğitimi
• Fonksiyonel Test ve Fonksiyonel Olmayan Test
• Kullanılabilirlik Testi Eğitimi: Tam Bir Başlangıç ​​Kılavuzu
• Derleme Doğrulama Testi (BVT Testi) Tam Kılavuzu
• DevOps Test Eğitimi: DevOps QA Testini Nasıl Etkileyecek?
• MongoDB'de Dağıtım: Adım Adım Eğitim