JAWS, klavyeden aşağı ok tuşlarını kullanarak seçenekleri değiştirirken kutudaki değeri seç

Question

Web sayfamı JAWS okuyucu kullanarak erişilebilirlik için test ediyorum. Aşağıda sayfamdan örnek bir HTML biçimlendirmesi var. Eğer ok bastırın olarak

<label for="MySelectBox">Select a color</label> 
<select id="MySelectBox"> 
    <option>Red</option> 
    <option>Blue</option> 
    <option>Green</option> 
</select> 

klavyeden yoluyla sayfasında gezinme ve ok tuşunu Aşağı kullanarak seçme kutusu değerini değiştirerek

JAWS değişen değerleri okuma değildir.

Burada eksik olduğum bir şey var mı? JAWS'ın değişiklik etkinliğini tanıması için herhangi bir ek ARIA etiketi eklemem gerekir mi?

Answer 1

Bu garip görünmüyor. Öncelikle buraya yapıştırdığınız kodu içeren ve aynı kurulum altında test eden test html sayfası oluşturarak bunu ayıklayabilirsiniz. Bu işe yararsa, sayfanıza geri dönmek ve bu seçim kutusunun üzerinde hatalı biçimlendirilmiş işaretlemeyi kontrol etmek isteyebilirsiniz. Bazen kapatılmamış etiketler (tipik hatalar: <LI> ve <BR>) ve hatalı JavaScript/Jquery öğesi manipülasyonları ekran okuyucuları ile ilgili sorunlar oluşturur. Mümkünse, oluşturulmuş sayfanızın HTML içeriğini başkalarının gözden geçirmesi için buraya gönderin. bunu görebilir herkesten için

Answer 2

, ben JAWS sahip dertteydi ListItems çok DropDownList saklanan okuyun.

Ben sadece Chrome'da ve burada ok tuşlarıyla DropDownList yoluyla kaydırıldığında ListItems okurdum Firefox ve JAWS'ta test yorumları okuduktan sonra bu test edilmişti. Yani bu, Chrome ile bir uyumluluk sorunu olmalı.

Answer 3

Seçme etiketine aria-live = "assertive" eklemeniz gerekiyor. Referans: http://www.freedomscientific.com/Training/Surfs-Up/AriaLiveRegions.htm

Answer 4

JAWS değil <option>Red</option> metnini okur. <option> arya özellik olması gerektiğini arya-label = "değer" olduğunu.
<option> öğesi <option aria-label = "kırmızı" olmalıdır >Red</option>.