Aksesiblite

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

Nan paj sa a

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 parfe posib yo kreye sit entènèt ak aplikasyon ak 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 adrese 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 ak atribi ARIA , 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 .visually-hiddenklas 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="visually-hidden">Danger: </span>
  This action is not reversible
</p>

Pou kontwòl entèaktif vizyèlman kache, tankou lyen tradisyonèl "sote", sèvi ak .visually-hidden-focusableklas la. Sa a pral asire ke kontwòl la vin vizib yon fwa konsantre (pou itilizatè klavye ki wè). Fè atansyon, konpare ak ekivalan a .sr-onlyak .sr-only-focusableklas nan vèsyon ki sot pase yo, Bootstrap 5 a .visually-hidden-focusablese yon klas otonòm, epi yo pa dwe itilize nan konbinezon ak .visually-hiddenklas la.

<a class="visually-hidden-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.

Sou navigatè ki sipòte prefers-reduced-motion, ak kote itilizatè a pa te siyale klèman ke yo ta prefere mouvman redwi (sa vle di kote prefers-reduced-motion: no-preference), Bootstrap pèmèt defile lis lè l sèvi avèk scroll-behaviorpwopriyete a.