Kuboneka

Incamake ngufi y'ibiranga Bootstrap n'imbogamizi zo gukora ibintu byoroshye.

Kuriyi page

Bootstrap itanga uburyo bworoshye-bwo gukoresha uburyo bwateguwe bwuburyo bwateguwe, ibikoresho byimiterere, hamwe nibikoresho bikorana, byemerera abitezimbere gukora imbuga za porogaramu na porogaramu zishimishije cyane, zikungahaye cyane, kandi zishobora gusohoka hanze.

Incamake n'imbibi

Muri rusange kugerwaho kwumushinga uwo ariwo wose wubatswe na Bootstrap biterwa ahanini nigice cyaranze umwanditsi, imyandikire yinyongera, hamwe ninyandiko bashizemo. Ariko, mugihe ibyo byashyizwe mubikorwa neza, bigomba kuba bishoboka rwose gukora imbuga na porogaramu hamwe na Bootstrap yujuje WCAG 2.1 (A / AA / AAA), Igice cya 508 , hamwe nibipimo bisa nibisabwa.

Ikiranga imiterere

Imyandikire ya Bootstrap nuburyo bishobora gukoreshwa muburyo butandukanye bwo kwerekana ibimenyetso. Iyi nyandiko igamije guha abitezimbere ingero nziza zimenyerewe kugirango berekane imikoreshereze ya Bootstrap ubwayo no kwerekana ibimenyetso bikwiye, harimo nuburyo ibibazo bishobora kugerwaho byakemuka.

Ibice bikorana

Ibikoresho bya Bootstrap bikorana nkibiganiro bisanzwe, ibiganiro byamanutse, hamwe nibikoresho byabigenewe - byashizweho kugirango bikore, imbeba, nabakoresha clavier. Binyuze mugukoresha WAI bijyanye - Inshingano za ARIA nibiranga, ibi bice nabyo bigomba kumvikana kandi bigakoreshwa hifashishijwe tekinoroji ifasha (nkabasoma ecran).

Kuberako ibice bya Bootstrap byateguwe kugirango bibe rusange, abanditsi bashobora gukenera gushyiramo izindi nshingano za ARIA nibiranga, hamwe nimyitwarire ya JavaScript, kugirango barusheho kwerekana neza imiterere n'imikorere yabyo. Ibi bikunze kugaragara mubyangombwa.

Itandukaniro ryamabara

Guhuza amabara amwe agizwe na palette isanzwe ya Bootstrap-ikoreshwa murwego rwibintu nko guhinduranya buto, guhindagurika kumenyesha, ibipimo byerekana ibimenyetso-bishobora gutuma habaho itandukaniro ryamabara adahagije (munsi yicyifuzo cya WCAG 2.1 cyerekana ibara ryerekana ibara rya 4.5: 1 na WCAG 2.1 itandukanijwe ryamabara itandukanye ya 3: 1 ), cyane cyane iyo ikoreshejwe inyuma yumucyo. Abanditsi barashishikarizwa kugerageza gukoresha imikoreshereze yihariye yamabara kandi, aho bibaye ngombwa, guhindura intoki / kwagura amabara asanzwe kugirango barebe ibara ritandukanye rihagije.

Ibirimo bigomba guhishwa muburyo bugaragara, ariko bikaguma bigerwaho muburyo bwikoranabuhanga bufasha nkabasomyi ba ecran, birashobora kwandikwa ukoresheje .visually-hiddenishuri. Ibi birashobora kuba ingirakamaro mubihe aho amakuru yinyongera agaragara cyangwa ibimenyetso (nkibisobanuro byerekanwe mugukoresha ibara) bigomba no kugezwa kubakoresha kutagaragara.

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

Kubigaragara byihishe kugenzura, nka gakondo "gusimbuka", koresha .visually-hidden-focusableishuri. Ibi bizemeza ko igenzura rigaragara iyo ryibanze (kubakoresha clavier bareba). Witondere , ugereranije nibihwanye namasomo muri verisiyo zashize, Bootstrap 5's ni icyiciro cyihariye, kandi ntigomba gukoreshwa hamwe nishuri..sr-only.sr-only-focusable.visually-hidden-focusable.visually-hidden

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

Kugabanuka

Bootstrap ikubiyemo inkunga kubiranga prefers-reduced-motionitangazamakuru . Muri mushakisha / ibidukikije byemerera uyikoresha kwerekana ibyo akunda kugabanya umuvuduko, ingaruka nyinshi za CSS zinzibacyuho muri Bootstrap (kurugero, mugihe ikiganiro cya modal cyafunguwe cyangwa gifunze, cyangwa animasiyo yo kunyerera muri karuseli) bizahagarikwa, hamwe na animasiyo zifite akamaro ( nk'abazunguruka) bizatinda.

Kuri mushakisha ishyigikira prefers-reduced-motion, kandi aho uyikoresha atigeze agaragaza neza ko bahitamo kugabanuka (ni ukuvuga aho prefers-reduced-motion: no-preference), Bootstrap ituma kuzunguruka neza ukoresheje scroll-behaviorumutungo.