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

Apakah maksud aria dalam bootstrap?

WBOY
Lepaskan: 2022-05-06 11:43:59
asal
2978 orang telah melayarinya

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="名称">
Salin selepas log masuk

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>
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan