Elýeterlilik

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

Bu sahypada

“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şmaça stiline we ýazan ýazgylaryna baglydyr. Şeýle-de bolsa, bularyň dogry ýerine ýetirilmegi şerti bilen, WCAG 2.1 (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 amaly programmalary döretmek mümkin.

Gurluş belligi

“Bootstrap” -yň dizaýny we ýerleşişi köp sanly gurluş 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 emele getirýän reňkleriň kombinasiýalary, düwmäniň üýtgemegi, duýduryş üýtgeýişleri, formanyň tassyklaýyş görkezijileri ýaly zatlar üçin çarçuwada ulanylýar - reňk kontrastynyň ýeterlik bolmazlygyna sebäp bolup biler (maslahat berilýän WCAG 2.1 tekst reňkiniň kontrast gatnaşygy 4.5: 1 we WCAG 2.1 tekst däl reňk kontrast gatnaşygy 3: 1 ), esasanam ýagty fonda ulanylanda. Uthorsazyjylara reňkiň aýratyn ulanylyşyny barlamak we zerur bolan ýagdaýynda reňkleriň kontrast derejelerini üpjün etmek üçin bu adaty reňkleri el bilen üýtgetmek / giňeltmek maslahat berilýär.

Wizual görnüşde gizlenmeli, ýöne ekran okyjylary ýaly kömekçi tehnologiýalara elýeterli bolup bilýän mazmuny .visually-hiddensynpyň 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="visually-hidden">Danger: </span>
  This action is not reversible
</p>

Adaty “geçmek” baglanyşyklary ýaly wizual gizlenen interaktiw dolandyryşlar üçin .visually-hidden-focusablesynpy ulanyň. Bu dolandyryşyň ünsi jemläninden soň görünmegini üpjün eder (görýän klawiatura ulanyjylary üçin). Öňki wersiýalardaky ekwiwalent .sr-onlywe .sr-only-focusablesynplar bilen deňeşdirilende seresap boluň, Bootstrap 5's .visually-hidden-focusableözbaşdak synpdyr we synp bilen bilelikde ulanylmaly däldir .visually-hidden.

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

Hereketiň azalmagy

“Bootstrap” prefers-reduced-motionmedia aýratynlygyny goldaýar . Ulanyja peselýän hereketi ileri tutmaga 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 ýa-da karusellerde süýşýän animasiýa) ýapylar we manyly animasiýalar ( egrijiler ýaly) haýallaşdyrylar.

Goldaýan prefers-reduced-motionwe ulanyjynyň azaldylan hereketi (ýagny nirede) isleýändiklerini aç-açan görkezmedik ýerlerinde , Bootstrap emläk prefers-reduced-motion: no-preferenceulanyp, rahat aýlanmaga mümkinçilik berýär .scroll-behavior