TabIndex (atribut HTML)

3

Keterangan TabIndex digunakan untuk menentukan urutan yang pengguna ikuti apabila mereka menggunakan kekunci Tab untuk menavigasi melalui halaman. Secara lalai, perintah tabbing semulajadi akan sepadan dengan urutan sumber dalam markup. Dalam keadaan tertentu, mungkin perlu untuk mengatasi perintah tabir lalai, tetapi sangat disyorkan agar anda membuat halaman dalam aliran logik dan biarkan penyemak imbas berfungsi melaluinya dalam urutan lalai -pendekatan yang menafikan keperluan untuk atribut TabIndex. TabIndex boleh bermula pada 0 dan kenaikan dalam sebarang nilai. Oleh itu, urutan 1, 2, 3, 4, 5 akan baik -baik saja, seperti yang akan dilakukan oleh 10, 20, 30, 40, 50. Jika anda perlu memperkenalkan tabindex, disarankan untuk menggunakan urutan yang mengandungi selang (seperti Contoh kedua yang disediakan), kerana ini akan memberi anda peluang untuk menyuntik kawalan lain kemudian jika perlu (contohnya, 10, 15, 20) tanpa perlu menghidupkan semula semua nilai tabindex pada halaman. Sekiranya nilai tabIndex yang diberikan digunakan untuk lebih daripada satu elemen (mis. Semua pautan dalam satu bahagian diberikan tabIndex Daripada "1", dan pautan sidebar diberi tabindex "2"), urutan tab unsur -unsur yang terjejas akan mengikut perintah markup sumber. Ramai orang akan memilih untuk menggunakan pendekatan ini dan bukannya urutan dengan selang yang ditetapkan, seperti 5, 10, 15, kerana ia membolehkan pautan tambahan atau kawalan bentuk untuk ditambah tanpa sakit kepala. Jika tabindex "-1" digunakan, elemen yang digunakan untuk tidak lagi menjadi papan kekunci yang fokus. Sekiranya tabIndex ditetapkan di mana -mana sahaja pada halaman -walaupun ia adalah pautan seratus atau kawalan borang kelima puluh -urutan tab akan bermula pada elemen dengan nilai tabindex terendah, dan berfungsi melalui kenaikan. Hanya dengan itu, perintah tab mengambil unsur -unsur yang tersisa yang mana tiada tabindex telah ditetapkan. Oleh itu, penjagaan yang baik mesti diambil untuk memastikan bahawa menambah tabIndex tidak membahayakan kebolehgunaan halaman secara keseluruhan. Sekiranya atribut kurang upaya ditetapkan pada elemen yang mempunyai tabindex, tabindex itu akan diabaikan.

Contoh

Tabindex ditetapkan kepada "3" untuk pautan di bawah:

nilai

Atribut ini boleh mengambil sebarang nilai angka.

soalan yang sering ditanya mengenai atribut Tabindex HTML

Apakah tujuan atribut TabIndex dalam HTML? Atribut ini amat berguna untuk meningkatkan kebolehcapaian laman web, kerana ia membolehkan pengguna yang bergantung pada navigasi papan kekunci untuk berinteraksi dengan halaman dalam urutan logik dan intuitif.

<p>You can try our <a href="cakes.html" <em>tabindex="3"</em>>lovely
     range of cakes</a>.</p>

Bagaimanakah atribut TabIndex berfungsi? Unsur -unsur dengan nilai tabIndex 0 dimasukkan ke dalam urutan navigasi lalai, manakala unsur -unsur dengan nilai tabindex positif dilayari ke dalam urutan nilai mereka. Unsur -unsur dengan nilai tabindex negatif dikecualikan daripada perintah navigasi lalai.

Bolehkah saya menggunakan atribut Tabindex pada mana -mana elemen HTML? paling biasa digunakan pada elemen interaktif seperti pautan, input bentuk, dan butang. Menggunakan atribut TabIndex pada unsur-unsur yang tidak interaktif boleh membawa kepada pengalaman navigasi yang mengelirukan untuk pengguna, jadi biasanya disyorkan untuk mengelakkan berbuat demikian.

Jika anda tidak menentukan nilai tabindex untuk elemen, penyemak imbas akan menentukan perintah navigasi berdasarkan kedudukan elemen dalam dokumen HTML. Unsur -unsur yang datang lebih awal dalam dokumen akan menerima fokus sebelum unsur -unsur yang datang kemudian.

Bolehkah saya menggunakan nilai negatif untuk atribut TabIndex? Unsur dengan nilai tabindex -1 masih boleh menerima fokus secara programatik (contohnya, melalui JavaScript), tetapi ia akan dikecualikan daripada perintah navigasi papan kekunci lalai. ? papan kekunci. Ini amat penting bagi pengguna yang bergantung kepada teknologi bantuan, kerana teknologi ini sering bergantung pada navigasi papan kekunci. Elakkan apabila menggunakan atribut TabIndex termasuk menggunakan nilai positif yang tidak perlu, menggunakan atribut pada unsur-unsur yang tidak interaktif, dan gagal menentukan nilai tabindex untuk interaktif unsur -unsur. Kesalahan ini boleh membawa kepada pengalaman navigasi yang mengelirukan atau tidak dapat diakses untuk pengguna. Cara. Sebagai contoh, jika elemen mempunyai nilai tabIndex dan juga dilumpuhkan (menggunakan atribut yang dilumpuhkan), elemen akan dikecualikan daripada perintah navigasi papan kekunci.

Ya, anda boleh menggunakan atribut TabIndex dengan JavaScript. Sebagai contoh, anda boleh menggunakan JavaScript untuk mengubah nilai TabIndex secara dinamik dari elemen, atau untuk memberi tumpuan kepada programatik pada elemen dengan nilai tabindex tertentu.

Bagaimanakah saya dapat menguji keberkesanan pelaksanaan tabindex saya? Sekiranya anda dapat mencapai dan mengendalikan semua elemen interaktif dalam urutan logik, pelaksanaan tabindex anda mungkin berkesan.

Atas ialah kandungan terperinci TabIndex (atribut HTML). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!