"Kapan 'salah' untuk menempatkan tabIndex = 0 pada konten non-interaktif?"Jawab: Selalu. Itu dirujuk dalam dokumentasi MDN juga. Bukannya saya tidak setuju dengan Anda: Elemen interaktif tidak boleh fokus.
- Harus Tabindex hanya dinyatakan pada elemen interaktif?
- Apa contoh saat menggunakan atribut TabIndex dapat menyebabkan masalah?
- Apa perbedaan antara TabIndex 0 dan TabIndex =- 1?
Harus Tabindex hanya dinyatakan pada elemen interaktif?
Anda tidak perlu mendeklarasikan Tabindex pada elemen anak, asalkan elemen induknya adalah elemen interaktif. Contohnya adalah elemen rentang yang bersarang di dalam tombol: keberadaan atribut TabIndex dalam contoh kode ini akan memengaruhi urutan elemen interaktif dengan cara yang tidak logis.
Apa contoh saat menggunakan atribut TabIndex dapat menyebabkan masalah?
Masalah aksesibilitas
Hindari menggunakan atribut TabIndex bersamaan dengan konten non-interaktif untuk membuat sesuatu yang dimaksudkan untuk menjadi fokus interaktif dengan input keyboard. Contohnya adalah menggunakan a <Div> elemen untuk menggambarkan tombol, bukan <tombol> elemen.
Apa perbedaan antara TabIndex 0 dan TabIndex =- 1?
TabIndex = "0" memungkinkan elemen selain tautan dan elemen formulir untuk menerima fokus keyboard. Itu tidak mengubah urutan tab, tetapi menempatkan elemen dalam aliran navigasi logis, seolah -olah itu adalah tautan pada halaman. TabIndex = "-1" menghapus elemen dari urutan navigasi, tetapi dapat dibuat fokus menggunakan JavaScript.