"Bilakah 'salah' untuk meletakkan tabIndex = 0 pada kandungan yang tidak interaktif?"Jawapan: Sentiasa. Ia juga dirujuk dalam dokumentasi MDN. Bukannya saya tidak bersetuju dengan anda: Unsur interaktif tidak boleh fokus.
- Sekiranya tabIndex hanya diisytiharkan pada elemen interaktif?
- Apa contoh apabila menggunakan atribut TabIndex boleh menyebabkan masalah?
- Apakah perbezaan antara TabIndex 0 dan TabIndex =- 1?
Sekiranya tabIndex hanya diisytiharkan pada elemen interaktif?
Anda tidak perlu mengisytiharkan tabIndex pada elemen kanak -kanak, dengan syarat elemen induknya adalah elemen interaktif. Contohnya akan menjadi elemen span yang bersarang di dalam butang: kehadiran atribut TabIndex dalam contoh kod ini akan mempengaruhi urutan unsur -unsur interaktif dengan cara yang tidak logik.
Apa contoh apabila menggunakan atribut TabIndex boleh menyebabkan masalah?
Kebimbangan aksesibiliti
Elakkan menggunakan atribut TabIndex bersempena dengan kandungan yang tidak interaktif untuk membuat sesuatu yang dimaksudkan untuk menjadi tumpuan interaktif oleh input papan kekunci. Contohnya akan menggunakan a <Div> elemen untuk menggambarkan butang, bukannya <butang> elemen.
Apakah perbezaan antara TabIndex 0 dan TabIndex =- 1?
TabIndex = "0" membolehkan elemen selain pautan dan bentuk elemen untuk menerima fokus papan kekunci. Ia tidak mengubah pesanan tab, tetapi meletakkan elemen dalam aliran navigasi logik, seolah -olah ia adalah pautan pada halaman. TabIndex = "-1" menghilangkan elemen dari urutan navigasi, tetapi boleh menjadi fokus menggunakan JavaScript.