Source

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.0 (A/AA/AAA), Beşa 508 û standard û daxwazê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 cûrbecûr 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 touch, 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ê yên din , û her weha behreya JavaScript-ê jî bi nav bikin, da ku bi rengek rasttir cewher û fonksiyona pêkhateya xwe ragihînin. Ev bi gelemperî di belgeyê de tê destnîşan kirin.

Berevajî rengîn

Piraniya rengê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 pejirandinê yên formê têne bikar anîn - dema ku li dijî tê bikar anîn berevajiyê rengê têr nabin (li jêr rêjeya dijberiya rengîn a WCAG 2.0 ya pêşniyarkirî ya 4,5:1 ) tê bikar anîn. paşxaneyek sivik. Nivîskar dê hewce bike ku bi destan van rengên xwerû biguhezînin/berfireh bikin da ku rêjeyên berevajiya rengîn ên têr peyda bikin.

Naveroka bi dîtbarî veşartî

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 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 / hawîrdorê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î) dê neçalak bibin. Heya nuha, piştgirî ji Safari re li ser macOS û iOS-ê sînorkirî ye.

Çavkaniyên zêde