Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah maksud aria dalam bootstrap?

Apakah maksud aria dalam bootstrap?

WBOY
WBOYasal
2022-05-06 11:43:593023semak imbas

Dalam bootstrap, aria bermaksud "Accessible Rich Internet Application" dan merupakan singkatan daripada "Accessible Rich Internet Application". Ia digunakan untuk mempertingkatkan pengecaman dan pembacaan halaman web pada peranti pembacaan bantuan yang kurang upaya untuk kekurangan dalam kebolehcapaian html dan js.

Apakah maksud aria dalam bootstrap?

Persekitaran pengendalian tutorial ini: sistem Windows 10, bootstrap versi 3.3.7, komputer DELL G3

Apakah maksud aria dalam bootstrap

aria ialah singkatan dari Accessible Rich Internet Application, Baidu Translation: Accessible Rich Internet Application.

Atribut jenis ini adalah untuk mempertingkatkan pengecaman dan pembacaan halaman web pada peranti bacaan bantuan kurang upaya.

aria ialah teknologi capaian bantuan yang agak baharu, digunakan untuk mengimbangi kekurangan kebolehaksesan html dan js itu sendiri. Menyokong Aria tidak diperlukan atau wajib, tetapi menyokong Aria akan menjadikan permohonan anda lebih mesra dan lebih mantap.

Contohnya:

Borang berikut menambah atribut aria-label, kemudian apabila halaman difokuskan pada borang ini, pembaca skrin akan membaca nilai atribut aria-label, aria -label Tiada kesan visual, ia hanya memudahkan peranti membaca nota.

<input type="text" class="form-control" id="name" placeholder="请输入名称" aria-label="名称">

Meluaskan pengetahuan:

ARIA menyediakan apl Web dengan penyelesaian yang memenuhi keperluan pengguna yang berbeza. Bina jambatan antara pengguna dan perisian.

Piawaian HTML5 baharu menambah atribut teg aria-*, nama penuhnya ialah Aplikasi Internet Kaya Boleh Dicapai. Digunakan bersama dengan atribut tag peranan.

Atribut peranan menunjukkan peranan sebenar teg bukan standard. Contohnya, jika anda menggunakan div sebagai butang, kemudian tetapkan div's role="button", dan alat bantu boleh mengenali bahawa ia sebenarnya adalah butang. Fungsi aria-* adalah untuk menerangkan maklumat khusus tag ini dalam situasi visual.

Aplikasi yang paling mudah, contohnya,

<div role="checkbox" aria-checked="checked"></div>

Alat tambahan akan mengetahui bahawa div ini sebenarnya adalah peranan kotak semak dan berada dalam keadaan yang dipilih.

Cadangan berkaitan: tutorial bootstrap

Atas ialah kandungan terperinci Apakah maksud aria dalam bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn