Ekran okuyucuların ve diğer yardımcı teknolojilerin sayfanın yalnızca ilgili bölümlerine gösterildiğinden emin olun. Örneğin, ekran dışındaki veya sadece sunumdaki içerikler yardımcı teknolojilerden gizlenmelidir.
Manuel olarak test etme
Ekran dışı içeriğin gizlenmiş olup olmadığını kontrol etmek için bu içeriği bir ekran okuyucu kullanarak manuel olarak test etmeniz gerekir. - Mac kullanıcıları VoiceOver'ı kullanma hakkındaki bu videoyu izleyebilir. - PC kullanıcıları NVDA'yı kullanma hakkındaki bu videoyu izleyebilir. - Chromebook kullanıcıları Yerleşik ekran okuyucu olan ChromeVox'a göz atabilirler.
Sayfanızda geçiş yapmak için TAB
tuşunu kullanın.
Ekran okuyucu, gizli içeriği duyurmamalıdır.
Nasıl düzeltilir?
Ekran dışı içeriği gizlemek için, bu içeriği barındıran öğeyi display: none
veya visibility: hidden
değerine 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ışı içeriğin görünürlüğünü doğru şekilde ayarlama konusuna da bakın.
Kaynaklar
Ekran dışı içerik, yardımcı teknoloji denetiminden gizlenmiştir denetiminin kaynak kodu