Aksesiblite

Yon ti apèsi sou karakteristik ak limit Bootstrap pou kreyasyon kontni aksesib.

Bootstrap bay yon ankadreman fasil-a-itilize nan estil pare, zouti layout, ak konpozan entèaktif, ki pèmèt devlopè yo kreye sit entènèt ak aplikasyon ki vizyèlman atiran, fonksyonèl rich, ak aksesib soti nan bwat la.

Apèsi ak limit

Aksèbilite an jeneral nan nenpòt pwojè ki te bati ak Bootstrap depann an gwo pati sou mak otè a, style adisyonèl, ak scripting yo te enkli. Sepandan, depi sa yo te aplike kòrèkteman, li ta dwe pafètman posib yo kreye sit entènèt ak aplikasyon pou Bootstrap ki satisfè WCAG 2.1 (A/AA/AAA), Seksyon 508 ak estanda ak egzijans aksè ki sanble.

Markup estriktirèl

Styling Bootstrap a ak layout ka aplike nan yon pakèt estrikti maketing. Dokiman sa a gen pou objaktif pou bay devlopè yo pi bon egzanp pratik pou demontre itilizasyon Bootstrap li menm ak ilistre maket semantik apwopriye, ki gen ladan fason yo ka rezoud pwoblèm aksesibilite potansyèl yo.

Konpozan entèaktif

Konpozan entèaktif Bootstrap yo—tankou dyalòg modal, meni dropdown ak konsèy sou zouti koutim—yo fèt pou travay pou itilizatè touche, sourit ak klavye. Atravè itilizasyon wòl ak atribi WAI - ARIA ki enpòtan yo, eleman sa yo ta dwe konpreyansib epi opere tou lè l sèvi avèk teknoloji asistans (tankou lektè ekran).

Paske konpozan Bootstrap yo fèt espre pou yo jistis jenerik, otè yo ka bezwen mete plis wòl ARIA ak atribi, ansanm ak konpòtman JavaScript, pou transmèt plis presizyon nati egzak ak fonksyonalite eleman yo. Sa a anjeneral te note nan dokiman an.

Kontras koulè

Gen kèk konbinezon koulè ki kounye a fòme palèt default Bootstrap la—ki itilize nan tout kad la pou bagay tankou varyasyon bouton, varyasyon alèt, endikatè validasyon fòm—kapab mennen nan kontras koulè ensifizan (anba a rekòmande WCAG 2.1 rapò kontras koulè tèks la nan 4.5:1). ak rapò a kontras koulè ki pa tèks WCAG 2.1 nan 3:1 ), patikilyèman lè yo itilize sou yon background limyè. Yo ankouraje otè yo teste itilizasyon espesifik koulè yo epi, kote sa nesesè, manyèlman modifye/pwolonje koulè default sa yo pou asire bon jan rapò kontras koulè.

Kontni ki ta dwe kache vizyèlman, men ki rete aksesib a teknoloji asistans tankou lektè ekran, ka style lè l sèvi avèk .sr-onlyklas la. Sa a ka itil nan sitiyasyon kote plis enfòmasyon vizyèl oswa siyal (tankou siyifikasyon ki endike grasa itilizasyon koulè) bezwen tou transmèt bay itilizatè ki pa vizyèl yo.

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

Pou kontwòl entèaktif vizyèlman kache, tankou lyen tradisyonèl "sote", .sr-onlyyo ka konbine avèk .sr-only-focusableklas la. Sa a pral asire ke kontwòl la vin vizib yon fwa konsantre (pou itilizatè klavye ki wè).

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

Mouvman redwi

Bootstrap gen ladan sipò pou prefers-reduced-motionkarakteristik medya yo . Nan navigatè/anviwònman ki pèmèt itilizatè a presize preferans yo pou mouvman redwi, pifò efè tranzisyon CSS nan Bootstrap (pa egzanp, lè yon dyalòg modal louvri oswa fèmen, oswa animasyon an glisman nan karousèl) yo pral enfim, ak animasyon ki gen sans ( tankou spinners) yo pral ralanti.