Gihîştina

Awirek kurt a taybetmendî û tixûbên Bootstrap ji bo afirandina naveroka gihîştî.

Bootstrap çarçoveyek hêsan-karanîna şêwazên amade, amûrên sêwiranê, û hêmanên înteraktîf peyda dike, ku rê dide pêşdebiran ku malper û serîlêdanên ku ji hêla dîtbarî ve balkêş in, ji hêla fonksiyonel ve dewlemend in, û ji qutiyê ve têne gihîştin biafirînin.

Serî û Sînorkirin

Gihîştina giştî ya her projeyek ku bi Bootstrap-ê hatî çêkirin bi piranî bi nîşankirina nivîskar, şêwaza zêde, û nivîsandina ku wan vekiriye ve girêdayî ye. Lêbelê, bi şertê ku ev bi rêkûpêk hatine bicîh kirin, pêdivî ye ku meriv bi Bootstrap re malper û serîlêdanên ku WCAG 2.1 (A/AA/AAA), Beşa 508 û standard û hewcedariyên gihîştinê yên mîna wan bicîh tîne, bêkêmasî gengaz be .

Nîşana strukturel

Şêwe û sêwirana Bootstrap dikare li gelek strukturên nîşankirinê were sepandin. Armanca vê belgekirinê ew e ku ji pêşdebiran re nimûneyên pratîka çêtirîn peyda bike da ku karanîna Bootstrap bixwe destnîşan bike û nîşankirina semantîkî ya guncan destnîşan bike, tevî awayên ku fikarên gihîştina potansiyel dikarin werin çareser kirin.

pêkhateyên înteraktîf

Parçeyên înteraktîf ên Bootstrap-wekî dîyalogên modal, pêşekên dakêşan û serişteyên amûran ên xwerû- ji bo ku ji bo bikarhênerên pêç, mişk û klavyeyê bixebitin hatine sêwirandin. Bi karanîna rol û taybetmendiyên WAI - ARIA têkildar , divê ev pêkhate jî bi karanîna teknolojiyên arîkar (wek xwendevanên ekranê) têne fêm kirin û xebitandin.

Ji ber ku hêmanên Bootstrap bi mebest hatine sêwirandin ku bi gelemperî gelemperî bin, dibe ku nivîskar hewce bike ku rol û taybetmendiyên ARIA -yê din , û her weha behreya JavaScript-ê jî bihewîne, da ku bi rengek rasttir cewher û fonksiyona pêkhateya xwe ragihîne. Ev bi gelemperî di belgeyê de tê destnîşan kirin.

Berevajî rengîn

Hin berhevokên rengan ên ku niha paleta xwerû ya Bootstrap pêk tînin - li seranserê çarçovê ji bo tiştên wekî guhertoyên bişkojkê, guheztinên hişyariyê, nîşaneyên pejirandina formê têne bikar anîn - dibe ku berevajîkirina rengê têra xwe nehêle (li jêr rêjeya berevajiya rengê nivîsê ya pêşniyarkirî ya WCAG 2.1 4,5:1 û WCAG 2.1 rêjeya berevajî rengê ne-tekst 3:1 ), nemaze dema ku li dijî paşxaneyek sivik tê bikar anîn. Nivîskar têne teşwîq kirin ku karanîna xweyên taybetî yên rengan biceribînin û, li cîhê ku hewce be, bi destan van rengên xwerû biguhezînin / dirêj bikin da ku rêjeyên berevajî rengîn ên têr peyda bikin.

Naveroka ku divê bi dîtbarî were veşartin, lê ji teknolojiyên arîkar ên wekî xwendevanên ekranê re bigihîje, dikare bi karanîna .sr-onlypolê were şêwaz kirin. Ev dikare di rewşên ku pêdivî ye ku agahdariya dîtbarî an îşaretên zêde (wek wateya ku bi karanîna rengan ve hatî destnîşan kirin) bikêr be jî ji bikarhênerên ne-dîtbar re jî were ragihandin.

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

Ji bo kontrolên înteraktîf ên bi dîtbarî yên veşartî, yên wekî girêdanên kevneşopî yên "derbasbûnê", .sr-onlydikarin bi .sr-only-focusablepolê re bêne hev kirin. Ev ê piştrast bike ku kontrol piştî balkişandinê xuya bibe (ji bo bikarhênerên klavyeyê yên dîtbar).

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

Tevgerê kêm kirin

Bootstrap ji bo prefers-reduced-motiontaybetmendiya medyayê piştgirî dike . Di gerok/dordorên ku destûrê didin bikarhêner ku tercîha xwe ji bo tevgera kêmkirî diyar bike, piraniya bandorên veguheztina CSS-ê di Bootstrap de (mînak, dema ku diyalogek modal tê vekirin an girtî, an anîmasyonek xêzkirî ya di carouselan de) dê neçalak bibin, û anîmasyonên watedar ( wek spinners) dê hêdî bibin.