Source

Aksesiblite

Yon apèsi tou kout sou karakteristik Bootstrap ak limit 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 parfe posib yo kreye sit entènèt ak aplikasyon ak Bootstrap ki satisfè WCAG 2.0 (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è

Pifò koulè ki fè kounye a palèt Bootstrap a defo—itilize nan tout kad la pou bagay tankou varyasyon bouton, varyasyon alèt, endikatè validasyon fòm—mennen nan kontras koulè ensifizan (anba a rekòmande WCAG 2.0 rapò kontras koulè a ​​4.5:1 ) lè yo itilize kont. yon background limyè. Otè yo pral bezwen manyèlman modifye/pwolonje koulè default sa yo pou asire bon jan rapò kontras koulè.

Vizyèlman kache kontni

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) pral enfim. Kounye a, sipò limite a Safari sou macOS ak iOS.

Resous adisyonèl