Ekran okuyucu ile test.

Ekran okuyucu testi, bir sayfayı yardımcı teknolojiyle dinleyerek denetlemektir ve otomatik araçların hiçbirinin yerini tutamadığı tek yöntemdir.

Erişilebilirlik denetiminde bir eşik vardır: otomatik araçların bittiği yer. Araçlar bir alternatif metnin var olup olmadığını söyleyebilir, o metnin görseli doğru anlatıp anlatmadığını söyleyemez. Bir başlığın h2 olduğunu söyleyebilir, o başlığın altındaki bölümü gerçekten tanımlayıp tanımlamadığını söyleyemez. Bu soruların cevabı yalnız dinleyerek bulunur.

Ekran okuyucu testi çoğu ekip tarafından atlanır ve atlanma sebebi teknik değil psikolojiktir: ilk denemede deneyim yabancı ve bunaltıcıdır. Ses hızlıdır, kısayollar bilinmez, sayfa tanınmaz hâle gelir. Bu his normaldir ve birkaç saat içinde geçer. Geçtikten sonra elinizde, başka hiçbir araçla elde edilemeyecek bir denetim yeteneği kalır.

Hangi ekran okuyucu

Ekran okuyucu seçimi, denetim yapılan platforma ve kullanıcı kitlesine göre değişir. Hepsini kurmak gerekmez; birini iyi öğrenmek, hepsini yüzeysel bilmekten değerlidir.

1. 01NVDA — Windows, ücretsiz ve açık kaynak. Masaüstünde en yaygın kullanılanlardan biri ve test için en kolay başlangıç.
2. 02JAWS — Windows, ticari. Kurumsal ortamlarda yaygın; lisans maliyeti nedeniyle küçük ekiplerde tercih edilmez.
3. 03VoiceOver — macOS ve iOS'ta yerleşik. Ek kurulum gerektirmez; Apple cihazı olan herkes hemen deneyebilir.
4. 04TalkBack — Android'de yerleşik. Mobil web testinin karşılığı.
5. 05Narrator — Windows'ta yerleşik. Erişimi en kolay olanı ama diğerleri kadar yaygın kullanılmıyor.

Pratik tavsiye: elinizde ne varsa onunla başlayın. Mac kullanıyorsanız VoiceOver zaten kurulu ve tek kısayolla açılıyor; Windows'taysanız NVDA ücretsiz. Test için önemli olan hangi yazılımı kullandığınız değil, sayfayı dinleyerek geçmiş olmanız.

Bir uyarı: ekran okuyucular birbirinden farklı davranır ve aynı sayfa farklı okuyucularda farklı duyulabilir. Bu yüzden tek bir okuyucuda çalışması «her yerde çalışır» demek değildir. Ama tek bir okuyucuda KIRILMASI, neredeyse her zaman gerçek bir kusurdur — testin değeri buradan gelir.

Ne dinlenir: dört tur

Rastgele dinlemek yerine yapılandırılmış bir tur izlemek, hem daha hızlıdır hem daha çok kusur yakalar. Dört tur, bir sayfanın erişilebilirlik durumunun büyük kısmını ortaya çıkarır.

1. 01Başlık turu — başlık listesini aç ve dinle. Liste sayfayı anlatıyor mu? Bir içindekiler tablosu gibi mi duruyor, yoksa karışık mı? Eksik ya da boş başlık var mı?
2. 02Bölge turu — bölgeler arasında gezin. Menü, ana içerik ve alt bilgi ayrı ayrı tanınıyor mu? Adsız ya da tekrarlı bölge var mı?
3. 03Bağlantı turu — bağlantı listesini aç. Bağlantı metinleri bağlamdan kopuk anlaşılıyor mu? Beş tane «Devamı» varsa hangisinin nereye gittiği belli değildir.
4. 04Form turu — formu baştan sona doldur ve gönder. Her alanın etiketi duyuluyor mu? Hata mesajı duyuruluyor mu? Başarı mesajı duyuruluyor mu?

Bağlantı turu özellikle öğreticidir çünkü gören bir kullanıcının hiç fark etmediği bir sorunu ortaya çıkarır. «Devamını oku» bağlantıları görsel bağlamda anlamlıdır — hangi yazının altında olduğu görülür. Bağlantı listesinde ise bağlam yoktur ve beş özdeş satır kalır. Çözüm, bağlantı metnini kendi başına anlamlı yapmaktır.

Form turu ise en çok kusur çıkaranıdır. Etiketsiz alanlar, duyurulmayan hatalar, sessiz başarı mesajları ve kaybolan odak — hepsi burada ortaya çıkar. Ve bunlar sitenin en pahalı kusurlarıdır, çünkü form genelde tek dönüşüm yoludur.

Otomatik araç alternatif metnin VAR olduğunu söyler; ekran okuyucu o metnin İŞE YARAYIP YARAMADIĞINI söyler.

İlk kez kullanırken

İlk denemeyi kolaylaştıran birkaç pratik nokta var ve bunları bilmek, çoğu kişinin ilk beş dakikada pes etmesini önler.

1. 01Konuşma hızını düşür — varsayılan hız deneyimli kullanıcılar için ayarlıdır ve yeni başlayan için anlaşılmaz derecede hızlıdır.
2. 02Kulaklık kullan — açık hoparlörde sayfa sesi ve okuyucu sesi karışır.
3. 03Ekranı kapatmayı dene — gözünü kapatmak ya da ekranı karartmak, gördüğünü varsaymanı engeller. Test bu şekilde çok daha dürüst olur.
4. 04Kısayolları not al — kullandığın okuyucunun temel gezinme kısayollarını bir kâğıda yaz. Sürümler arasında değiştikleri için ezberlemek yerine kendi listeni tut.
5. 05Nasıl kapatacağını önceden öğren — ilk denemede en çok panikleten şey budur.
6. 06Bilinen iyi bir sitede dene — önce iyi kurulmuş bir siteyi dinle, deneyimin nasıl olması gerektiğini öğren, sonra kendi siteni test et.

Son madde en çok işe yarayanıdır. Referans noktası olmadan, duyduğunuz karmaşanın sitenizin kusuru mu yoksa ekran okuyucunun normal davranışı mı olduğunu ayırt edemezsiniz. İyi kurulmuş bir sayfayı bir kez dinlemek, o ayrımı anında öğretir.

Sıklık ve kapsam

Ekran okuyucu testi her dağıtımda yapılamaz — zaman alır ve otomatikleştirilemez. Bu yüzden doğru soru «ne sıklıkla» değil, «neyi» sorusudur: hangi ekranlar mutlaka dinlenmeli.

Pratik cevap, dönüşüm yollarıdır. İletişim formu, arama, giriş, ödeme — kullanıcının bir şey YAPTIĞI ekranlar. Bunlar hem en kritik hem de en çok kırılan yerlerdir. Bir bilgi sayfasının kusurlu olması can sıkar; bir formun kusurlu olması işi bitirir.

Kapsam belirlendikten sonra sıklık kendiliğinden çıkar: o ekranlar her değiştiğinde. Yeni bir bileşen eklendiğinde, form akışı düzenlendiğinde, katman sistemi değiştiğinde. Aradaki dağıtımlarda otomatik testler ve elle klavye turu yeterlidir.

Ve bulunan her kusur için bir soru sorulmalıdır: bu kusuru bir teste bağlayabilir miyim? Çoğu zaman cevap evettir — duyurulmayan bir mesaj, canlı bölgenin varlığını kontrol eden bir testle yakalanabilir. Ekran okuyucu testi kusuru BULUR; nöbetçi onun geri gelmesini engeller.

Dinlerken yakalanan tipik kusurlar

Ekran okuyucu turlarında tekrar tekrar ortaya çıkan bir kusur listesi var ve bunların hiçbiri otomatik denetimde görünmez. Listeyi önceden bilmek, ilk turda ne aranacağını bilmek demektir ve testi belirgin biçimde verimli kılar.

1. 01Sessiz düğme — ikon taşıyan ama erişilebilir adı olmayan düğme. Ekran okuyucu «düğme» der ve durur; ne yaptığı bilinmez.
2. 02Konuşan dekorasyon — dekoratif bir görselin dosya adıyla okunması. Alternatif özniteliği unutulduğunda olur.
3. 03Kaybolan odak — bir katman kapandığında odağın sayfanın başına düşmesi. Kullanıcı yerini kaybeder ve baştan başlar.
4. 04Duyurulmayan değişiklik — form gönderildi, mesaj ekranda belirdi, ekran okuyucu hiçbir şey söylemedi.
5. 05Tekrarlanan içerik — aynı bilgi hem alternatif metinde hem yanındaki başlıkta; kullanıcı aynı cümleyi iki kez dinler.
6. 06Anlamsız sıra — görsel olarak yan yana duran iki bilgi, dinlemede birbirinden kopuk okunuyor.
7. 07Gizlenmemiş gizli içerik — görsel olarak gizlenmiş ama erişilebilirlik ağacından çıkarılmamış menüler; kullanıcı görünmeyen bağlantılar arasında dolaşır.

Son madde özellikle sinsidir çünkü kusur yalnızca belirli bir durumda ortaya çıkar: menü kapalıyken. Fareyle test eden hiç kimse görmez, otomatik araç genellikle yakalamaz, ve kullanıcı sayfada var olmayan öğeler arasında gezinir. Bu, dinlemenin neden başka hiçbir yöntemin yerine geçemeyeceğinin iyi bir örneğidir.

Bu kusurların ortak özelliği, hepsinin «var mı» sorusunu geçip «doğru mu» sorusunda kalmasıdır. Düğmenin bir metni vardır ama anlamsızdır; mesaj sayfadadır ama duyurulmaz; menü gizlidir ama erişilebilirlik ağacındadır. Otomatik denetim ilk yarıyı ölçer, dinleme ikinci yarıyı.