Ekran okuyucuların ve diğer yardımcı teknolojilerin yalnızca sayfanın alakalı bölümleriyle karşılaşmasını sağlayın. Örneğin, ekran dışındaki içerikler yardımcı teknolojilerden gizlenmelidir.
Manuel olarak test etme
Ekran dışındaki içeriğin gizlenip gizlenmediğini kontrol etmek için ekran okuyucularla test etmeniz gerekir.
- Mac kullanıcıları VoiceOver'ı kullanmayla ilgili bu videoyu inceleyebilir.
- PC kullanıcıları NVDA'yı kullanma hakkındaki bu videoyu izleyebilir.
- Chromebook kullanıcıları yerleşik ekran okuyucu olan ChromeVox'u kullanabilir.
Sayfanızda sekmeyle gezinmek için TAB tuşunu kullanın. Ekran okuyucu, gizli içeriği duyurmamalıdır.
Nasıl düzeltilir?
Ekran dışındaki içeriği gizlemek için, ilgili içeriği içeren öğeyi display: none veya visibility: hidden olarak ayarlayarak sekme sırasından kaldırın.
Örneğin:
.remove-me {
visibility: hidden;
}
<button class="remove-me">Can't reach me with the TAB key!</button>
Ekran dışındaki içeriğin görünürlüğünü doğru şekilde ayarlama başlıklı makaleyi de inceleyin.
Kaynaklar
Ekran dışındaki içeriklerin kaynak kodu yardımcı teknolojilerden gizlenmiştir denetimi