Pastikan hanya bagian halaman yang relevan yang ditampilkan ke pembaca layar dan teknologi pendukung lainnya. Misalnya, konten yang berada di luar layar harus disembunyikan dari teknologi dukungan.
Cara menguji secara manual
Untuk memeriksa apakah konten di luar layar disembunyikan, Anda harus menguji dengan pembaca layar pembaca layar.
- Untuk pengguna Mac, lihat video tentang cara menggunakan VoiceOver ini.
- Untuk pengguna PC, tonton video tentang cara menggunakan NVDA ini.
- Untuk pengguna Chromebook, lihat ChromeVox, pembaca layar bawaan.
Gunakan tombol TAB untuk beralih tab di halaman. Pembaca layar tidak boleh membacakan konten tersembunyi.
Cara memperbaiki
Untuk menyembunyikan konten di luar layar,
hapus elemen yang berisi konten tersebut dari
urutan tab dengan menyetelnya ke display: none atau visibility: hidden.
Contoh:
.remove-me {
visibility: hidden;
}
<button class="remove-me">Can't reach me with the TAB key!</button>
Lihat juga Menetapkan visibilitas konten di balik layar dengan benar.
Resource
Kode sumber untuk audit Konten di luar layar disembunyikan dari teknologi pendukung