Ekran Okuyucu Testi Nasıl Yapılır? NVDA, VoiceOver ve TalkBack ile Adım Adım

Ekran Okuyucu Testi Nasıl Yapılır? NVDA, VoiceOver ve TalkBack ile Adım Adım

Kısa cevap: Ekran okuyucu testi, sitenizi gözle bakmadan, yalnızca sesli çıktıyla ve klavye ya da dokunma hareketleriyle kullanmaya çalışarak yapılır. Windows'ta ücretsiz NVDA, macOS ve iOS'ta yerleşik VoiceOver, Android'de yerleşik TalkBack ile başlayabilirsiniz. Temel akış üçünde de aynıdır: ekran okuyucuyu açın, ekrana bakmadan sayfanın kritik görevlerini (menü, form, satın alma) tamamlamayı deneyin ve takıldığınız her noktayı not edin. Otomatik tarama bu testin yerine geçmez; ikisi birbirini tamamlar.

İçindekiler

• Ekran okuyucu nedir?
• Ekran okuyucuyu kimler kullanır?
• Test öncesi hazırlık: 5 adım
• NVDA ile ekran okuyucu testi nasıl yapılır? (Windows)
• VoiceOver testi nasıl yapılır? (macOS ve iOS)
• TalkBack ile mobil site testi nasıl yapılır? (Android)
• Ekran okuyucu testinde en sık yakalanan 8 sorun
• Otomatik tarama mı, ekran okuyucu testi mi?
• Sıkça Sorulan Sorular

Ekran okuyucu nedir?

Ekran okuyucu, ekrandaki metni, butonları, formları ve diğer arayüz öğelerini sesli çıktıya veya braille satırına dönüştüren bir yardımcı teknolojidir. Kullanıcı fareyle görüp tıklamak yerine, klavye kısayolları veya dokunma hareketleriyle sayfada gezinir; ekran okuyucu da o an odaklanılan öğenin ne olduğunu ("bağlantı", "buton", "düzenleme alanı") ve içeriğini sesli olarak bildirir.

Bu yüzden ekran okuyucu, sayfanın görünüşünü değil kodunu okur. Görsel olarak kusursuz bir sayfa, kodu bozuksa ekran okuyucuda anlamsız bir gürültüye dönüşebilir: etiketi olmayan bir form alanı yalnızca "düzenleme alanı" diye okunur, alt metni olmayan bir görsel dosya adıyla ("IMG_0457.jpg") duyurulur. Ekran okuyucu testinin amacı, bu kopukluğu yaşayarak tespit etmektir.

En yaygın ekran okuyucular platforma göre şöyle dağılır:

Bu rehberde ücretsiz olarak hemen başlayabileceğiniz üçüne odaklanıyoruz: NVDA, VoiceOver ve TalkBack.

Ekran okuyucuyu kimler kullanır?

Ekran okuyucunun birincil kullanıcıları görme engelli (ve az gören) kişilerdir. Ancak kullanım bununla sınırlı değildir: disleksi gibi öğrenme güçlüğü olan kişiler metni dinleyerek takip etmeyi tercih edebilir, bazı kullanıcılar da uzun içerikleri sesli tüketmek için ekran okuyucudan yararlanır. Az gören kullanıcılar sıklıkla ekran okuyucuyu büyütme araçlarıyla birlikte, kısmi görsel takiple kullanır; yani "ya tam görüyor ya hiç görmüyor" varsayımı test kurgusu için yanıltıcıdır.

Sizin için önemli sonuç şu: sitenizin ekran okuyucu uyumu, yalnızca küçük bir kitleye yönelik bir iyilik değil, dijital erişilebilirliğin ölçülebilir bir parçasıdır ve WCAG başarı kriterlerinin önemli bölümü doğrudan bu deneyimi ilgilendirir.

Test öncesi hazırlık: 5 adım

Ekran okuyucuyu açıp rastgele gezinmek test değildir. Verimli bir test için önce şu hazırlığı yapın:

1. Test senaryolarını belirleyin. Sitenizdeki 3-5 kritik görevi yazın: "ana menüden iletişim sayfasına git", "formu doldur ve gönder", "ürünü sepete ekle" gibi. Test, bu görevlerin ekrana bakmadan tamamlanıp tamamlanamadığını ölçer.
2. Test edilecek sayfaları seçin. Ana sayfa, en çok ziyaret edilen içerik sayfası, form içeren bir sayfa ve varsa ödeme/kayıt akışı iyi bir başlangıç setidir.
3. Klavyeyle ön kontrol yapın. Ekran okuyucuyu açmadan önce sayfayı yalnızca Tab, Shift+Tab ve Enter ile gezin. Klavyeyle ulaşılamayan bir öğe, ekran okuyucuyla da kullanılamaz.
4. Not şablonu hazırlayın. Her bulgu için sayfa adresi, öğe, beklenen davranış ve duyduğunuz çıktıyı kaydedin. Bu notlar geliştirici için doğrudan iş listesine dönüşür.
5. Süre sınırı koyun. İlk test için sayfa başına 15-20 dakika yeterlidir. Amaç kusursuz bir denetim değil, en büyük engelleri hızla görmektir. Kapsamlı bir süreç kurgusu için dijital erişilebilirlik denetimi rehberimize bakabilirsiniz.

NVDA ile ekran okuyucu testi nasıl yapılır? (Windows)

NVDA, Windows için geliştirilen ücretsiz ve açık kaynaklı bir ekran okuyucudur; nvaccess.org adresinden indirilir ve Türkçe ses desteği vardır. Masaüstü testleri için en pratik başlangıç noktasıdır, çünkü lisans maliyeti yoktur ve kurulumu birkaç dakika sürer.

Hızlı test akışı:

1. NVDA'yı indirin ve kurun. nvaccess.org adresinden en son sürümü indirin, kurulum sihirbazını tamamlayın. NVDA açıldığında konuşmaya başlar.
2. Sayfayı baştan sona dinleyin. Test edeceğiniz sayfayı açın ve Insert + Aşağı Ok ile tüm sayfayı okutun. Okuma sırası mantıklı mı, içerik görsel düzenle aynı akışta mı ilerliyor?
3. Başlıklarla gezinin. H tuşu sonraki başlığa atlar; 1-6 tuşları ilgili seviyedeki başlığa gider. Başlıklar sayfanın iskeletini doğru özetliyor mu, seviye atlaması var mı?
4. Linkleri ve formları dolaşın. K ile linkler, F ile form öğeleri arasında gezinin. Her link hedefini bağlamsız da anlatıyor mu? Her form alanı adıyla birlikte okunuyor mu?
5. Kritik görevi ekrana bakmadan tamamlayın. Monitörü kapatın veya gözlerinizi ekrandan ayırın; hazırlıkta yazdığınız senaryoyu yalnızca klavye ve sesle bitirmeye çalışın. Takıldığınız her nokta bir bulgudur.

Bu akış size ilk resmi verir. Kurulum ayrıntıları, Türkçe ses ayarı ve 10 maddelik denetim listesiyle daha derin bir çalışma için NVDA ile 30 dakikada self-audit rehberimizi izleyin; o yazı bu bölümün ayrıntılı devamı niteliğindedir.

VoiceOver testi nasıl yapılır? (macOS ve iOS)

VoiceOver, Apple işletim sistemlerine yerleşik gelen ekran okuyucudur; macOS'ta Command + F5 kısayoluyla, iPhone ve iPad'de Ayarlar > Erişilebilirlik > VoiceOver yolundan açılır. Ek kurulum gerektirmediği için Mac ve iPhone kullanıcıları test yapmaya dakikalar içinde başlayabilir.

macOS'ta hızlı akış:

1. VoiceOver'ı açın. Command + F5 tuşlarına basın (Touch ID'li Mac'lerde Touch ID'ye üç kez hızlıca basmak da çalışır). İlk açılışta gelen tanıtım eğitimini bir kez izlemek gezinmeyi çok kolaylaştırır.
2. VO tuşlarını öğrenin. VoiceOver komutları "VO tuşları" ile verilir; varsayılan olarak bu, Control + Option ikilisidir.
3. Öğe öğe ilerleyin. VO + Sağ Ok ile sayfadaki bir sonraki öğeye geçin ve her öğenin nasıl duyurulduğunu dinleyin.
4. Rotor ile hızlı tarayın. Web Rotoru (VO + U) sayfadaki başlıkları, linkleri ve form denetimlerini liste halinde gösterir. Bu listeler, sayfa yapınızın ekran okuyucuya nasıl göründüğünün özetidir.
5. Senaryonuzu tamamlayın. NVDA bölümündeki gibi, kritik görevi ekrana bakmadan bitirmeyi deneyin.

iPhone'da hızlı akış (mobil sitenizi mutlaka ayrıca test edin):

1. VoiceOver'ı açın. Ayarlar > Erişilebilirlik > VoiceOver yolunu izleyin.
2. Tek parmakla sağa kaydırarak sonraki öğeye geçin, sola kaydırarak geri dönün.
3. Çift dokunuşla seçili öğeyi etkinleştirin (VoiceOver açıkken tek dokunuş yalnızca seçer).
4. Rotor'u kullanın: iki parmağınızı ekranda bir kadran çevirir gibi döndürerek başlıklara, linklere veya form öğelerine göre gezinme modunu seçin.
5. Mobil menü, hamburger buton ve dokunma hedeflerinin sesli olarak anlamlı duyurulduğunu kontrol edin.

TalkBack ile mobil site testi nasıl yapılır? (Android)

TalkBack, Android cihazlara yerleşik gelen Google ekran okuyucusudur; Ayarlar > Erişilebilirlik > TalkBack yolundan veya her iki ses tuşunu birkaç saniye basılı tutma kısayoluyla açılır. Türkiye'de mobil trafiğin ağırlığı düşünüldüğünde, Android testi masaüstü testi kadar önemlidir.

Hızlı test akışı:

1. TalkBack'i açın. Ayarlar > Erişilebilirlik > TalkBack'e girip etkinleştirin. Ses tuşu kısayolu tanımlıysa iki ses tuşunu birkaç saniye basılı tutmak da açıp kapatır; bu kısayolu test öncesi etkinleştirmek işinizi kolaylaştırır.
2. Tek parmakla sağa kaydırarak sonraki öğeye, sola kaydırarak önceki öğeye geçin.
3. Çift dokunuşla odaktaki öğeyi etkinleştirin.
4. Okuma denetimlerini kullanın. TalkBack'in okuma denetimleri (cihaza göre üç parmakla dokunma veya tek harekette aşağı-sonra-sağa kaydırma ile açılır) başlık başlık ya da bağlantı bağlantı gezinmenizi sağlar; sayfa yapısı testi için idealdir.
5. Mobil senaryonuzu tamamlayın. Formu doldurun, menüyü açın, bir bağlantıya gidin. Duyurulmayan buton, okunmayan hata mesajı ve kapatılamayan katman (çerez bandı dahil) not edin.

İpucu: Ekran okuyucu ilk kullanımda herkese yavaş ve yorucu gelir. Bu his testin bir hatası değil, verisidir; siz birkaç dakikada zorlanıyorsanız, bu deneyimi her gün yaşayan kullanıcı için engellerin maliyeti çok daha yüksektir. Tasarım tarafındaki çözümler için görme engelli kullanıcılar için web tasarımı rehberimize göz atın.

Ekran okuyucu testinde en sık yakalanan 8 sorun

İlk testinizde büyük olasılıkla şu listeden birkaçıyla karşılaşacaksınız:

1. Etiketsiz form alanları. Alan yalnızca "düzenleme alanı" diye okunur; kullanıcı neyi yazacağını bilemez. Çözüm: her alana programatik olarak bağlı bir label.
2. Anlamsız link metinleri. "Buraya tıklayın", "devamı", "daha fazla" gibi metinler link listesinde bağlamsız duyulur. Çözüm: hedefi anlatan link metni.
3. Eksik veya anlamsız alt metin. Görsel ya hiç duyurulmaz ya da dosya adıyla okunur. Bilgi taşıyan her görsele açıklayıcı alt metin gerekir.
4. Bozuk başlık yapısı. H1'den H4'e atlayan veya görsel kalınlıkla "başlık gibi görünen" metinler, başlıkla gezinmeyi işlevsiz bırakır.
5. Mantıksız odak sırası. Tab tuşu görsel akışla uyumsuz sırada zıplar; kullanıcı sayfanın neresinde olduğunu kaybeder.
6. Duyurulmayan hata mesajları. Form hatalı gönderildiğinde hata görsel olarak belirir ama ekran okuyucu sessiz kalır; kullanıcı formun neden gitmediğini anlayamaz.
7. Modal ve katman tuzakları. Açılan pencereye odak taşınmaz, arka plan gezinmeye açık kalır veya pencere klavyeyle kapatılamaz. Çerez bandı ve kampanya pop-up'ları bu hatanın en sık görüldüğü yerlerdir.
8. Sessizce değişen içerik. Otomatik kayan slider, canlı arama sonuçları veya sepete ekleme onayı gibi dinamik değişimler duyurulmadığında kullanıcı için hiç yaşanmamış olur.

Bu sorunların ortak özelliği şudur: sayfa görsel olarak tamamen normal görünürken ortaya çıkarlar. Tam da bu yüzden ekran okuyucu testi, görsel kontrolün ve otomatik taramanın yakalayamadığı katmanı açar.

Otomatik tarama mı, ekran okuyucu testi mi?

Doğru cevap "ikisi birlikte"dir, çünkü iki yöntem farklı soruları yanıtlar. Otomatik tarama, "kodda tespit edilebilir WCAG ihlali var mı?" sorusunu geniş ölçekte ve tekrarlanabilir biçimde yanıtlar: eksik alt metinleri, kontrast sorunlarını, etiket bağlantılarını yüzlerce sayfada dakikalar içinde listeler ve ilerlemeyi skorla izlemenizi sağlar. Ekran okuyucu testi ise "gerçek bir kullanıcı bu görevi tamamlayabilir mi?" sorusunu yanıtlar: okuma sırasının mantığı, duyuruların anlaşılırlığı ve akışın kullanılabilirliği ancak dinleyerek anlaşılır.

Erişilebilir Çerez, KVKK çerez onayı ile WCAG/EAA erişilebilirlik uyumunu tek panelde yöneten Türkiye merkezli bir platformdur. Platformun tarayıcısı sitenizi WCAG 2.2 kriterlerine göre otomatik tarar, 0-100 arası bir uyum skoru ve önem derecesine göre sıralanmış bir ihlal raporu üretir. Açıkça belirtelim: bu otomatik tarama, ekran okuyucu testinin yerine geçmez; ekran okuyucu testi insan eliyle, dinleyerek yapılır. Verimli iş bölümü şöyledir:

Başlamak için sitenizi ücretsiz erişilebilirlik testi aracımızla tarayın, en kritik ihlalleri düzeltin, ardından bu rehberdeki akışlarla ekran okuyucu testinizi yapın.

Sıkça Sorulan Sorular

Ekran okuyucu testi için hangi aracı seçmeliyim?

Test edeceğiniz platforma göre seçin: Windows masaüstü için ücretsiz NVDA, Mac ve iPhone için yerleşik VoiceOver, Android için yerleşik TalkBack. İdeal olan, masaüstünde bir araç ve mobilde bir araç olmak üzere en az iki ortamda test etmektir; kullanıcılarınız tek platformda değildir.

Ekran okuyucu testi ne kadar sürer?

İlk tur için sayfa başına 15-20 dakika yeterlidir; 3-4 kritik sayfalık bir set bir ila iki saatte tamamlanır. Amaç ilk turda her şeyi bulmak değil, kullanıcıyı durduran en büyük engelleri tespit etmektir. Düzenli tekrar (örneğin her büyük sürümden sonra) tek seferlik uzun bir denetimden daha değerlidir.

Ekran okuyucu testini kendim yapabilir miyim, uzman mı gerekli?

Temel testi kendiniz yapabilirsiniz; bu rehberdeki akışlar tam da bunun içindir ve etiketsiz form, anlamsız link gibi sorunların çoğunu kendi testinizde yakalarsınız. Ancak kendi testiniz, ekran okuyucuyu her gün kullanan gerçek kullanıcıların deneyimini birebir temsil etmez. Kapsamlı projelerde kendi testinizi uzman denetimi ve gerçek kullanıcı testleriyle birleştirmek en sağlıklı yaklaşımdır.

VoiceOver testi ile NVDA testi arasında fark var mı?

Temel mantık aynıdır: öğe öğe gezinme, başlık ve link listeleri, form denetimi. Fark, komut setinde ve platform davranışlarındadır; aynı sayfa iki okuyucuda farklı duyurulabilir çünkü tarayıcı ve ekran okuyucu kombinasyonları kodu farklı yorumlayabilir. Bu yüzden tek okuyucuda sorunsuz olmak, tüm okuyucularda sorunsuz olmak anlamına gelmez; en az iki kombinasyonla test etmek daha güvenilir sonuç verir.

Otomatik erişilebilirlik taraması ekran okuyucu testinin yerine geçer mi?

Hayır. Otomatik tarama kodda tespit edilebilir ihlalleri geniş ölçekte bulur ve ilerlemeyi skorla izlemenizi sağlar; okuma sırasının mantığı veya bir görevin gerçekten tamamlanabilirliği gibi deneyim sorularını ise ancak manuel ekran okuyucu testi yanıtlar. İki yöntem rakip değil, aynı sürecin ardışık adımlarıdır.

Sitem ekran okuyucuda çalışıyorsa WCAG uyumlu mudur?

Tek başına yeterli değildir. Ekran okuyucu uyumu WCAG'in önemli bir bölümünü kapsar ama tamamını değil; renk kontrastı, animasyon kontrolü, zaman sınırları gibi kriterler ayrıca değerlendirilir. Ekran okuyucu testini otomatik tarama ve yapılandırılmış bir denetim süreciyle birlikte yürütmek, uyum durumunuzun gerçekçi bir resmini verir.

Sitenizin ekran okuyucu deneyimini test etmeden önce nereden başlayacağınızı görün. Otomatik tarama ile mevcut durumunuzu ölçün, önceliklendirilmiş ihlal listenizi alın, sonra bu rehberdeki akışlarla manuel testinizi yapın. Ücretsiz erişilebilirlik testini şimdi başlatın ve ilk raporunuzu dakikalar içinde görün.

Kaynaklar:

• NV Access: NVDA resmi sitesi
• Apple Destek: Mac'te VoiceOver'ı açma veya kapatma
• Apple Destek: iPhone'da VoiceOver hareketleri
• Google Yardım: TalkBack'i açma
• Google Yardım: TalkBack hareketleri
• W3C WAI: Erişilebilirliği değerlendirme