Kufikika
Kuwunikira mwachidule za mawonekedwe a Bootstrap ndi zolepheretsa pakupanga zomwe zingapezeke.
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.
Zobisika zowoneka
Zomwe ziyenera kukhala zobisika, koma kukhalabe zotheka ku matekinoloje othandizira monga zowerengera zowonera, zitha kupangidwa pogwiritsa ntchito .visually-hidden
kalasi. 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-focusable
kalasi. Izi zidzaonetsetsa kuti kuwongolera kumawonekera kamodzi kokha (kwa ogwiritsa ntchito kiyibodi). Samalani, poyerekeza ndi zofanana .sr-only
ndi .sr-only-focusable
makalasi m'matembenuzidwe akale, Bootstrap 5's .visually-hidden-focusable
ndi kalasi yodziyimira yokha, ndipo sayenera kugwiritsidwa ntchito limodzi ndi .visually-hidden
kalasi.
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
Kuyenda kwachepetsedwa
Bootstrap imaphatikizapo kuthandizira prefers-reduced-motion
pazofalitsa . 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-behavior
malowo.
Zothandizira zowonjezera
- Malangizo Ofikira pa Webusaiti (WCAG) 2.1
- Pulogalamu ya A11Y
- Zolemba za kupezeka kwa MDN
- Tenon.io Accessibility Checker
- Colour Contrast Analyzer (CCA)
- "HTML Codesniffer" bookmarklet pozindikira zovuta kupezeka
- Microsoft Accessibility Insights
- Zida zoyesera za Deque Ax
- Chidziwitso cha Kupezeka pa Webusaiti