Pastikan hanya bagian halaman yang relevan yang diekspos ke pembaca layar dan teknologi pendukung lainnya. Misalnya, konten yang berada di balik layar atau hanya presentasi harus disembunyikan dari teknologi pendukung.
Cara menguji secara manual
Untuk memeriksa apakah konten di luar layar tersembunyi, Anda perlu menguji konten tersebut secara manual menggunakan pembaca layar. - Untuk pengguna Mac, lihat video tentang cara menggunakan VoiceOver. - Untuk pengguna PC, tonton video tentang cara menggunakan NVDA ini. - Untuk pengguna Chromebook, lihat ChromeVox, pembaca layar bawaan.
Gunakan tombol TAB untuk berpindah-pindah tab di halaman Anda.
Pembaca layar tidak boleh mengumumkan 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 Menyetel visibilitas konten di luar layar dengan benar.
Referensi
Kode sumber untuk Konten di luar layar disembunyikan dari audit teknologi pendukung