Source

Elýeterlilik

“Bootstrap” -yň aýratynlyklary we elýeterli mazmuny döretmek üçin çäklendirmeler barada gysgaça syn.

“Bootstrap” taýýar stilleriň, düzüliş gurallarynyň we interaktiw komponentleriň ulanylmagyny aňsatlaşdyrýan çarçuwany üpjün edýär, bu döredijilere wizual, funksional taýdan baý we gutudan elýeterli web sahypalaryny we programmalary döretmäge mümkinçilik berýär.

Gysgaça syn we çäklendirmeler

“Bootstrap” bilen gurlan islendik taslamanyň umumy elýeterliligi, esasan, awtoryň belligine, goşulan stiline we ýazuwyna baglydyr. Şeýle-de bolsa, bularyň dogry ýerine ýetirilmegi şerti bilen, WCAG 2.0 (A / AA / AAA), 508-nji bölüm we şuňa meňzeş elýeterlilik ülňülerini we talaplaryny ýerine ýetirýän Bootstrap bilen web sahypalaryny we programmalary döretmek mümkin.

Gurluş belligi

“Bootstrap” -yň dizaýny we ýerleşişi köp sanly bellik gurluşlaryna ulanylyp bilner. Bu resminama, döredijilere Bootstrap-yň ulanylyşyny görkezmek we elýeterlilik meselelerini çözmegiň usullaryny goşmak bilen degişli semantik belligi görkezmek üçin iň oňat tejribe mysallaryny bermegi maksat edinýär.

Interaktiw komponentler

“Bootstrap” -yň interaktiw komponentleri, meselem, modal gepleşikler, açylýan menýular we ýörite gurallar - sensor, syçan we klawiatura ulanyjylary üçin işlemek üçin döredildi. Degişli WAI - ARIA rollaryny we atributlaryny ulanmak arkaly bu komponentler kömekçi tehnologiýalary (ekran okyjylary ýaly) ulanyp düşnükli we işlemeli.

“Bootstrap” -yň komponentleri bilkastlaýyn umumy görnüşde döredilenligi sebäpli, awtorlar öz komponentleriniň takyk tebigatyny we işleýşini has takyk görkezmek üçin ARIA rollaryny we atributlaryny, şeýle hem JavaScript özüni alyp barşyny goşmaly bolup bilerler. Bu, adatça resminamalarda bellenilýär.

Reňk tapawudy

Häzirki wagtda “Bootstrap” -yň deslapky palitrasyny düzýän reňkleriň köpüsi, düwmäniň üýtgeýşi, duýduryş üýtgeýişleri, tassyklama görkezijileri ýaly zatlar üçin çarçuwada ulanylýar - garşy ulanylanda reňk kontrastynyň ýeterlik däldigine (maslahat berilýän WCAG 2.0 reňk kontrast gatnaşygy 4,5: 1 ). ýagty fon. Uthorsazyjylar, reňkleriň ýeterlik derejesini üpjün etmek üçin bu adaty reňkleri el bilen üýtgetmeli / giňeltmeli bolarlar.

Görkezilen gizlin mazmun

Wizual görnüşde gizlenmeli, ýöne ekran okyjylary ýaly kömekçi tehnologiýalara elýeterli bolup bilýän mazmuny .sr-onlysynpyň kömegi bilen düzüp bolýar. Goşmaça wizual maglumatlaryň ýa-da görkezmeleriň (reňk ulanmak arkaly aňladylýan many ýaly) wizual däl ulanyjylara hem ýetirilmegi zerur bolan ýagdaýlarda peýdaly bolup biler.

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

Adaty “geçmek” baglanyşyklary ýaly wizual gizlenen interaktiw dolandyryşlar üçin synp .sr-onlybilen birleşdirilip bilner . .sr-only-focusableBu dolandyryşyň ünsi jemläninden soň görünmegini üpjün eder (görýän klawiatura ulanyjylary üçin).

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

Hereketiň azalmagy

“Bootstrap” prefers-reduced-motionmedia aýratynlygyny goldaýar . Ulanyjynyň peselýän hereketi üçin ileri tutmagyny kesgitlemäge mümkinçilik berýän brauzerlerde / gurşawda, Bootstrap-daky CSS geçiş effektleriniň köpüsi (mysal üçin, modal gepleşik açylanda ýa-da ýapylanda) ýapylýar. Häzirki wagtda goldaw diňe MacOS we iOS-da Safari bilen çäklenýär.

Goşmaça çeşmeler