Ku fikelela

Nkatsakanyo wo koma wa swihlawulekisi swa Bootstrap na swipimelo swa ku tumbuluxiwa ka swilo leswi fikelelaka.

Eka tluka leri

Bootstrap yi nyika rimba ro olova ku ri tirhisa ra switayele leswi lunghekeleke, switirhisiwa swa layout, na swiphemu leswi tirhisanaka, leswi pfumelelaka vaendli ku tumbuluxa tiwebsite na switirhisiwa leswi tsakisaka hi mahlo, leswi fuweke hi ntirho, na ku fikelela ehandle ka bokisi.

Nkatsakanyo na swipimelo

Ku fikelela hinkwako ka phurojeke yihi na yihi leyi akiweke hi Bootstrap ku titshege hi xiphemu lexikulu hi ku fungha ka mutsari, ku engetela xitayili, na ku tsala loku va ku katseke. Kambe, ntsena loko leswi swi tirhisiwile hi ndlela leyinene, swi fanele ku koteka hi ku hetiseka ku tumbuluxa tiwebsite na switirhisiwa hi Bootstrap leswi hetisisaka WCAG 2.1 (A/AA/AAA), Xiyenge xa 508 , na swipimelo na swilaveko swo fana na swona swa ku fikelela.

Ku fungha ka xivumbeko

Xitayili xa Bootstrap na layout swinga tirhisiwa eka swivumbeko swohambana hambana swa markup. Matsalwa lawa ya kongomisa ku nyika vatumbuluxi swikombiso swa maendlelo lamanene ku kombisa matirhiselo ya Bootstrap hi yoxe na ku kombisa ku fungha ka nhlamuselo loku faneleke, ku katsa na tindlela leti swivilelo leswi nga vaka kona swa ku fikelela swi nga lulamisiwaka ha tona.

Swiphemu leswi tirhisanaka

Swiphemu leswi tirhisanaka swa Bootstrap—swo tanihi ti- modal dialog, timenyu leti nga ehansi ni switsundzuxo swa switirhisiwa leswi endleriweke ku tirhisiwa—swi endleriwe ku tirhela vatirhisi va ku khumba, mbeva ni khibhodi. Hi ku tirhisa swiphemu leswi faneleke swa WAI - ARIA na swihlawulekisi, swiphemu leswi swi fanele ku tlhela swi twisiseka no tirha hi ku tirhisa thekinoloji yo pfuneta (ku fana na swihlaya swa xikirini).

Hikuva swiphemu swa Bootstrap swi endliwile hi xikongomelo leswaku swi va swa xivumbeko xa le henhla, vatsari va nga ha lava ku katsa swiphemu swin’wana swa ARIA na swihlawulekisi, xikan’we na mahanyelo ya JavaScript, ku hundzisela hi ku kongoma muxaka lowu kongomeke na ntirho wa xiphemu xa vona. Leswi hi ntolovelo swi xiyiwa eka matsalwa.

Ku hambana ka mihlovo

Ku hlanganisiwa kun’wana ka mihlovo loku sweswi ku endlaka phalete ya xiviri ya Bootstrap—ku tirhisiwa eka rimba hinkwaro eka swilo swo tanihi ku cinca-cinca ka swikomba-nkarhi, ku hambana ka xitsundzuxo, swikombiso swa ku tiyisisa xivumbeko—swi nga ha endla leswaku ku va ni ku hambana ka mihlovo loku nga enelangiki (ehansi ka mpimo wa ku hambana ka mihlovo ya tsalwa ya WCAG 2.1 leyi ringanyetiweke ya 4.5:1 na WCAG 2.1 leyi nga riki ya matsalwa ya ku hambana ka mihlovo ya 3:1 ), ngopfu-ngopfu loko yi tirhisiwa eka xivumbeko xo olova. Vatsari va khutaziwa ku kambela matirhiselo ya vona yo karhi ya mihlovo naswona, laha swi lavekaka, va cinca/ku andlala hi voko mihlovo leyi ya ntolovelo ku tiyisisa ku ringanela ka ku hambana ka mihlovo.

Vuxokoxoko lebyi faneleke ku fihliwa hi mahlo, kambe byi tshama byi fikeleleka eka thekinoloji yo pfuneta ku fana na swihlaya swa xikirini, byi nga endliwa xitayili hi ku tirhisa .visually-hiddentlilasi. Leswi swi nga pfuna eka swiyimo laha vuxokoxoko byo engetela bya swivono kumbe swikombiso (ku fana na nhlamuselo leyi kombisiweke hi ku tirhisa muvala) swi lavaka ku tlhela swi hundziseriwa eka vatirhisi lava nga voniwiki.

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

Eka vulawuri bya vuhlanganisi lebyi fihliweke hi mahlo, byo tanihi swihlanganisi swa ndhavuko swa “tlula”, tirhisa .visually-hidden-focusabletlilasi. Leswi swi ta tiyisisa leswaku vulawuri byi vonaka loko se byi kongomisiwile (eka vatirhisi va khibhodi lava vonaka). Tivonele, loko yi pimanisiwa na leyi ringanaka .sr-onlyna .sr-only-focusabletitlilasi eka tivhidiyo leti hundzeke, Bootstrap 5's .visually-hidden-focusablei tlilasi leyi tiyimeleke, naswona a yi fanelanga ku tirhisiwa yi hlanganisiwa na .visually-hiddentlilasi.

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

Ku hungutiwa ka ku famba-famba

Bootstrap yi katsa nseketelo wa prefers-reduced-motionxivumbeko xa midiya . Eka swihlamusela-marito/tindhawu leti pfumelelaka mutirhisi ku boxa leswi a swi tsakelaka eka ku famba loku hungutiweke, switandzhaku swo tala swa ku cinca ka CSS eka Bootstrap (xikombiso, loko mbulavurisano wa modal wu pfuriwa kumbe wu pfariwile, kumbe xifaniso lexi rhetaka eka ti-carousel) swi ta tshikiwa, ni swifaniso leswi hanyaka leswi nga ni nhlamuselo ( ku fana na swiphepherhele) swi ta hunguta rivilo.

Eka swihlamusela-marito leswi seketelaka prefers-reduced-motion, naswona laha mutirhisi a nga kombisangiki hi ku kongoma leswaku va ta tsakela ku hunguteka ka ku famba-famba (i.e. laha prefers-reduced-motion: no-preference), Bootstrap yi endla leswaku ku famba-famba loku rhetaka hi ku tirhisa scroll-behaviornhundzu.