Kufikika

Kuwunikira mwachidule za mawonekedwe a Bootstrap ndi zolepheretsa pakupanga zomwe zingapezeke.

Patsamba ili

Bootstrap imapereka dongosolo losavuta kugwiritsa ntchito la masitayelo okonzeka, zida zamakonzedwe, ndi zida zolumikizirana, zomwe zimalola opanga mawebusayiti kupanga mawebusayiti ndi mapulogalamu omwe ali owoneka bwino, olemera, komanso opezeka kunja kwa bokosilo.

Mwachidule ndi zolephera

Kupezeka konse kwa pulojekiti iliyonse yomangidwa ndi Bootstrap kumadalira kwambiri zolemba za wolemba, masitayelo owonjezera, ndi zolemba zomwe aphatikiza. Komabe, malinga ngati izi zakhala zikugwiritsidwa ntchito moyenera, ziyenera kukhala zotheka mwangwiro kupanga mawebusaiti ndi mapulogalamu ndi Bootstrap omwe amakwaniritsa WCAG 2.1 (A/AA/AAA), Gawo 508 , ndi miyezo yofikira yofananira ndi zofunika.

Zomangamanga

Maonekedwe a Bootstrap ndi masanjidwe ake amatha kugwiritsidwa ntchito pamapangidwe osiyanasiyana. Zolemba izi cholinga chake ndi kupatsa opanga zitsanzo zabwino kwambiri zowonetsera kagwiritsidwe ntchito ka Bootstrap yokha ndikuwonetsa kuyika kwa mawu oyenerera, kuphatikiza njira zomwe zovuta zopezeka zitha kuyankhidwa.

Zigawo zothandizira

Zida zogwirira ntchito za Bootstrap-monga ma modal dialogs, menyu otsikira, ndi zida zachikhalidwe-adapangidwa kuti azigwira ntchito, mbewa, ndi kiyibodi. Pogwiritsa ntchito maudindo ndi mawonekedwe a WAI - ARIA , zigawozi ziyeneranso kumveka bwino komanso zogwiritsidwa ntchito pogwiritsa ntchito matekinoloje othandizira (monga zowerengera zowonera).

Chifukwa zigawo za Bootstrap zidapangidwa mwadala kuti zikhale zachidule, olemba angafunike kuphatikizanso maudindo ndi machitidwe a ARIA , komanso machitidwe a JavaScript, kuti afotokozere bwino momwe gawo lawo limagwirira ntchito. Izi nthawi zambiri zimawonetsedwa muzolemba.

Kusiyana kwamitundu

Mitundu ina yamitundu yomwe ikupanga gulu losakhazikika la Bootstrap, lomwe limagwiritsidwa ntchito pamakina onse azinthu monga kusintha kwa mabatani, kusiyanasiyana kwa zidziwitso, zizindikiro zotsimikizira mawonekedwe - zitha kupangitsa kuti pakhale kusiyana kokwanira kwa mitundu (pansi pa chiŵerengero cha 4.5:1 cha WCAG 2.1 cha 4.5:1). ndi WCAG 2.1 chiyerekezo cha mitundu yosagwirizana ndi mawu ya 3:1 ), makamaka ikagwiritsidwa ntchito poyang'ana kumbuyo kowala. Olemba akulimbikitsidwa kuti ayese momwe amagwiritsira ntchito mtundu wawo, ndipo, ngati kuli koyenera, kusintha kapena kukulitsa mitunduyi kuti atsimikizire kusiyanitsa kokwanira kwa mitundu.

Zomwe ziyenera kukhala zobisika, koma kukhalabe zotheka ku matekinoloje othandizira monga zowerengera zowonera, zitha kupangidwa pogwiritsa ntchito .visually-hiddenkalasi. Izi zitha kukhala zothandiza ngati zidziwitso zowonjezera kapena zowonera (monga matanthauzidwe ogwiritsidwa ntchito pogwiritsa ntchito mtundu) ziyeneranso kuperekedwa kwa ogwiritsa ntchito osawona.

<p class="text-danger">
  <span class="visually-hidden">Danger: </span>
  This action is not reversible
</p>

Pazowongolera zobisika zobisika, monga maulalo achikhalidwe "dumphani", gwiritsani ntchito .visually-hidden-focusablekalasi. Izi zidzaonetsetsa kuti kuwongolera kumawonekera kamodzi kokha (kwa ogwiritsa ntchito kiyibodi). Samalani, poyerekeza ndi zofanana .sr-onlyndi .sr-only-focusablemakalasi m'matembenuzidwe akale, Bootstrap 5's .visually-hidden-focusablendi kalasi yodziyimira yokha, ndipo sayenera kugwiritsidwa ntchito limodzi ndi .visually-hiddenkalasi.

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

Kuyenda kwachepetsedwa

Bootstrap imaphatikizapo kuthandizira prefers-reduced-motionpazofalitsa . M'masakatuli / malo omwe amalola wosuta kufotokoza zomwe akufuna kuti achepetse kuyenda, kusintha kwa CSS ku Bootstrap (mwachitsanzo, pamene zokambirana za modal zatsegulidwa kapena kutsekedwa, kapena zojambula zojambulidwa mu carousels) zidzayimitsidwa, ndi makanema omveka ( monga ma spinners) zidzachedwetsedwa.

Pa asakatuli omwe amathandizira prefers-reduced-motion, komanso pomwe wogwiritsa ntchito sanasonyeze kuti angakonde kuyenda pang'onopang'ono (ie komwe prefers-reduced-motion: no-preference), Bootstrap imalola kusuntha mosalala pogwiritsa ntchito scroll-behaviormalowo.