Menü

WAVE Erişilebilirlik Test Aracı Eğitimi

wave accessibility testing tool tutorial

Sorunları Ortadan Kaldırmak Için Enstrümanımızı Deneyin

WAVE Web Erişilebilirlik Aracı Eğitimi: WAVE Chrome ve Firefox Uzantısı Nasıl Kullanılır

Web Erişilebilirliği araç çubuğu önceki eğitimimizde ayrıntılı olarak açıklanmıştır. Bu eğitim, bu serideki ilkinin devamı niteliğindedir, buradan kontrol edin - Web erişilebilirlik testi - bölüm 1 .

Bu eğiticide, erişilebilirliğin ne olduğu ve erişilebilirlik test araçları kullanılarak nasıl değerlendirilebileceği ile ilgili birkaç temel kavrama baktık.

Bu eğiticide, WAVE Araç Çubuğu, JAWS Erişilebilirlik aracı, teknikler ve ayrıntılar gibi birkaç erişilebilirlik aracı daha göreceğiz.

WAVE erişilebilirliği

(resim kaynak)

Ne öğreneceksin:

DALGA(Web Erişilebilirlik Değerlendirme Aracı)

WAVE araç çubuğu

WAVE aracı bir web erişilebilirlik değerlendirme aracıdır - aşağıdakiler için bir araç çubuğu: Firefox tarayıcısı.

WAVE'nin web içeriğinizin erişilebilir olup olmadığını size söyleyemeyeceğini unutmamak önemlidir; gerçek erişilebilirliği yalnızca bir insan belirleyebilir. Ancak WAVE, web içeriğinizin erişilebilirliğini değerlendirmenize yardımcı olabilir.

Tüm değerlendirme doğrudan tarayıcı içinde gerçekleşir ve WAVE sunucularına hiçbir bilgi gönderilmez. Bu,% 100 özel ve güvenli erişilebilirlik raporlaması sağlar.

WAVE web erişilebilirlik araç çubuğunu indirmek için şu adrese gidin: http://wave.webaim.org/toolbar/ ve F olarak indirin irefox tarayıcısı . WAVE araç çubuğu yalnızca Firefox'u desteklediğinden, indirme URL'sini Firefox tarayıcısında açacağınızdan emin olun.

WAVE Web Erişilebilirlik Araç Çubuğu Nasıl Kullanılır

Firefox tarayıcısında çalışırken kullanabileceğimiz özellikler şunlardır:

# 1) Web sitesini seçin http://www.easports.com/ , ardından 'Hatalar, Özellikler ve Uyarılar' ı tıklayın, sarı renkte erişilebilirlik uyarıları ve hataları içeren sayfayı bulacaksınız. Uyarıların ayrıntılarını görmek için imleci görsellerin üzerine getirin.

( Not : büyütülmüş görünüm için herhangi bir resme tıklayın)

Web Erişilebilirlik test araçları 1

#iki) Şimdi 'Yapı / Sıra Görünümü' üzerine tıklayın, Satır İçi Çerçeve ayrıntılarını içeren sayfayı alacaksınız.

WAVE Web Erişilebilirliği değerlendirme aracı

# 3) Şimdi 'Salt Metin Görünümü' nü tıklayın, site resimler, stiller ve düzenler olmadan görüntülenecektir.

Wave Web Erişilebilirlik değerlendirme aracı

# 4) Araç çubuğundaki 'Anahat Görünümü' simgeleri, başlıkların sıralı olup olmadığını size bildirir.

WAVE Web Erişilebilirliği değerlendirme aracı 4

anime izlemek için en iyi anime siteleri

# 5) 'Sayfayı Sıfırla' simgesi sayfayı yenileyecektir.

Web Erişilebilirliği 5

# 6) 'Stili devre dışı bırak' seçeneğine tıklamak CSS stillerini sayfadan kaldıracaktır.

Web Erişilebilirlik araçları 6

# 7) 'Simge Tuşu' düğmesi ek ayrıntılar, bilgiler ve önerilerle birlikte tüm WAVE simgelerinin bir listesini görüntüleyecektir.

Web Erişilebilirliği değerlendirme aracı 7

Wave aracını indirmeden web sitesinin erişilebilirliğini değerlendirebilir ve doğrudan çevrimiçi olarak kullanabilirsiniz.

Web sitesinin erişilebilirliğini doğrulama adımları

Aşama 1) URL'yi tıklayın: http://wave.webaim.org/

Adım 2) Giriş Web sayfası adresi içinde Metin Kutu ve enter tuşuna basın. Kullanacağız ile Örnek olarak. Bu yüzden metin kutusuna www.facebook.com sitesini girin ve giriş düğmesine tıklayın.

Aşama 3) Özet ayrıntılarını navigasyonun sol tarafında bulacaksınız.

  1. Hatalar bir sayı ile kırmızı renkte görüntülenir. Benim durumumda 13 olarak görünüyor.
  2. Uyarılar sarı renkte ve sayı 13 ile görüntülenecektir.
  3. Özellikler yeşil renkte ve 10 numara olacaktır.
  4. Yapısal Elemanlar mavi renkte 6 olacaktır.
  5. HTML5 ve ARIA, mor renkte 15 olacaktır.
  6. Kontrast Hataları siyah renkte 14 olacaktır.

web erişilebilirlik denetleyicisi 8

yönlendiricimde bulunan ağ güvenlik anahtarı nerede

Her bir simgeye tıklamak, uyarı için yukarıda gösterilen öğeler hakkında size daha fazla bilgi verecektir (sayfanın ortasında).

Şimdi, farklı bir araç kategorisine bakalım:

Ücretsiz Web Sayfası Erişilebilirlik Doğrulayıcıları:

Birkaç en iyi Web Erişilebilirlik Denetleyicisi Aracı:

Görme engellilik araçları

Görme yetersizliği, görme kaybını ifade eder. Farklı türde Görme Engelleri vardır:

  • Körlük
  • Düşük veya sınırlı görme
  • Renk körlüğü

Görme bozukluğu olan kullanıcılar, içeriği yüksek sesle okuyan yardımcı teknoloji yazılımı kullanır.ÖrneğinWindows işletim sistemleri için JAWS, Windows işletim sistemleri için NVDA, Mac için Seslendirme. Zayıf görüşe sahip UA kullanıcısı, bir tarayıcı ayarıyla veya işletim sisteminin muhteşem ayarıyla metni büyütebilir. Bu özellikleri Büyüteçler ve JAWS araçları yardımıyla öğreneceğiz.

Web Erişilebilirliği 9

A) Büyüteçler

1) Yakınlaştır Metin Büyüteci Bilgisayar ekranınızdaki her şeyi büyütür ve uygulamanın görülmesini ve kullanılmasını kolaylaştırır. Buradan indirebilirsiniz bu bağlantı .
Bunun nasıl çalıştığına dair iyi bir fikir edinmek için, ücretsiz bir deneme sürümünü indirmenizi ve denemenizi şiddetle tavsiye ederiz.

iki) Pencerenin büyüteci ayrıca ekranın farklı kısımlarını büyütür. Masaüstünüzden Başlat düğmesine tıklayıp ardından Büyüteç yazarak açabiliriz. Büyüteç programına tıklayın. Web sayfasının üzerine fare ile geldiğinizde, bu araç ekranın boyutunu büyütür ve görüntüler.

Görme engellilik araçları 1

3) Normal bir bilgisayar monitörü kullanamayan kör bilgisayar kullanıcıları, metin çıktısını okumak için yenilenebilir Braille ekranı veya Braille terminali kullanır.

Göre Wikipedia , yenilenebilir bir Braille ekran veya Braille terminali, genellikle düz bir yüzeydeki deliklerden kaldırılan yuvarlak uçlu pimler aracılığıyla Braille karakterlerini görüntülemek için elektro-mekanik bir cihazdır.

Web Erişilebilirliği Görme engelli araçları 11

B) JAWS- Konuşma ile İş Erişimi

JAWS, Windows işletim sistemindeki Web Sayfalarını test etmek için kullanılan ve görsel olarak hasar görmüş kullanıcıların ekranı okumasına izin veren bir ekran okuyucudur. JAWS, işletim sistemlerinin tüm sürümlerini destekler ve yenilenebilir Braille ekranı sağlar.

Web Erişilebilirliği 12

JAWS'ı kullanmak için Klavye komutları aşağıdadır:

JAWS yardımı ile test edilen temel işlevler şunlardır:

Bu, erişilebilirliğin değerlendirilmesini gerçekleştirmek için kullanılan farklı tekniklere ve araçlara kısa bir genel bakış niteliğindedir.

Geliştiriciler ve Test Edenler için Erişilebilirlik Testi İpuçları

  • Tüm etkin resimlerde bağlantının veya düğmenin ne yaptığını gösteren alternatif metin var mı?
  • Tüm dekoratif resimlerde ve gereksiz resimlerde boş (alt = ””) alt metin var mı?
  • Tüm bilgi görüntülerinde, sağlanan görüntülerle aynı bilgileri sağlayan alternatif metin var mı?
  • Sayfa başlıklarla düzenlenmiş mi? Başlık olarak işaretlenmişler mi?
  • Klavyeyi kullanarak her şeye erişebiliyor musunuz?
  • Sayfanız bir ekran okuyucuda mantıksal bir sırayla okunacak mı?
  • Klavye erişimini kullanırken hangi öğenin odakta olduğu açık mı?
  • Bir videodaki tüm önemli bilgiler standart ses veya ek sesli açıklama yoluyla mevcut mu?

Geliştirme ekibi Ürünlerinin kod incelemesi ve Birim testi ile erişilebilirlik uyumlu olduğundan emin olabilir.

Tipik test durumları:

  • Tüm işlevlerin yalnızca klavye aracılığıyla kullanılabildiğinden emin olun (fareyi kullanmayın)
  • Ekran ayarı Yüksek Kontrast modlarına değiştirildiğinde bilgilerin görünür olduğundan emin olun.
  • Ekran okuma araçlarının mevcut tüm metni okuyabildiğinden ve her resmin / Resmin kendisiyle ilişkili karşılık gelen alternatif metne sahip olduğundan emin olun.
  • Ürün tanımlı klavye eylemlerinin erişilebilirlik klavye kısayollarını etkilemediğinden emin olun.

Sonuç

Web erişilebilirliği, engelli kullanıcılar için birçok fırsat sunar. Ancak, bir kullanıcının bir web sitesinin içeriğine erişmesini engelleyebilecek her tür engel veya zorluk için tam erişim sağlamanın zor olduğunu kabul etmeliyiz.

Adımlar atılabilir ancak% 100 olmayabilir. Bu makalede özetlenen standartları geliştirmenin ilk aşamasından itibaren takip edersek, çoğu kullanıcı için kolayca erişilebilir bir web sitesi oluşturabiliriz.

Aşağıdaki yorumlarda daha fazla erişilebilirlik testi aracı ve ipucu önermekten çekinmeyin.

PREV Eğitimi | FIRST Eğitimi

Önerilen Kaynaklar

^