Ufikivu

Muhtasari mfupi wa vipengele na vikwazo vya Bootstrap kwa ajili ya kuunda maudhui yanayoweza kufikiwa.

Bootstrap hutoa mfumo rahisi wa kutumia wa mitindo iliyotengenezwa tayari, zana za mpangilio, na vijenzi shirikishi, kuruhusu wasanidi programu kuunda tovuti na programu ambazo zinavutia mwonekano, tajiri katika utendaji, na zinazoweza kufikiwa nje ya boksi.

Muhtasari na Mapungufu

Ufikivu wa jumla wa mradi wowote uliojengwa kwa Bootstrap unategemea kwa kiasi kikubwa alama za mwandishi, mitindo ya ziada, na uandishi ambao wamejumuisha. Hata hivyo, mradi haya yametekelezwa kwa usahihi, itawezekana kuunda tovuti na programu kikamilifu kwa kutumia Bootstrap inayotimiza WCAG 2.0 (A/AA/AAA), Sehemu ya 508 na viwango na mahitaji sawa ya ufikivu.

Alama ya muundo

Mtindo na mpangilio wa Bootstrap unaweza kutumika kwa anuwai ya miundo ya alama. Hati hii inalenga kuwapa wasanidi programu mifano bora ya utendaji ili kuonyesha matumizi ya Bootstrap yenyewe na kuonyesha mwafaka sahihi wa kisemantiki, ikijumuisha njia ambazo maswala ya ufikivu yanaweza kushughulikiwa.

Vipengele vinavyoingiliana

Vipengee shirikishi vya Bootstrap—kama vile mazungumzo ya modali, menyu kunjuzi na vidokezo maalum vya zana—vimeundwa kufanya kazi kwa watumiaji wa mguso, kipanya na kibodi. Kupitia utumizi wa majukumu na sifa zinazofaa za WAI - ARIA , vipengele hivi vinafaa pia kueleweka na kufanya kazi kwa kutumia teknolojia saidizi (kama vile visoma skrini).

Kwa sababu vipengee vya Bootstrap vimeundwa kimakusudi kuwa vya kawaida, waandishi wanaweza kuhitaji kujumuisha majukumu na sifa zaidi za ARIA , pamoja na tabia ya JavaScript, ili kuwasilisha kwa usahihi zaidi asili na utendakazi wa kijenzi chao. Hii ni kawaida alibainisha katika nyaraka.

Tofauti ya rangi

Rangi nyingi ambazo kwa sasa huunda ubao chaguomsingi wa Bootstrap—hutumika katika mfumo mzima wa mambo kama vile utofauti wa vitufe, tofauti za arifa, viashiria vya uthibitishaji wa fomu—husababisha utofautishaji wa rangi usiotosha (chini ya uwiano wa utofautishaji wa rangi wa WCAG 2.0 unaopendekezwa wa 4.5:1 ) unapotumiwa dhidi ya mandharinyuma nyepesi. Waandishi watahitaji kurekebisha/kupanua rangi hizi chaguomsingi wao wenyewe ili kuhakikisha uwiano wa utofautishaji wa rangi unaotosha.

Maudhui ambayo yanafaa kufichwa, lakini yaendelee kufikiwa na teknolojia saidizi kama vile visoma skrini, yanaweza kutengenezwa kwa kutumia .sr-onlydarasa. Hii inaweza kuwa muhimu katika hali ambapo maelezo ya ziada ya taswira au viashiria (kama vile maana inayoonyeshwa kupitia matumizi ya rangi) yanahitaji pia kuwasilishwa kwa watumiaji wasioona.

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

Kwa vidhibiti vya kuingiliana vilivyofichwa vinavyoonekana, kama vile viungo vya kawaida vya "ruka", .sr-onlyvinaweza kuunganishwa na .sr-only-focusabledarasa. Hii itahakikisha kuwa kidhibiti kinaonekana mara tu kinapoelekezwa (kwa watumiaji wanaoona wa kibodi).

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

Mwendo uliopunguzwa

Bootstrap inajumuisha usaidizi kwa prefers-reduced-motionkipengele cha midia . Katika vivinjari/mazingira ambayo huruhusu mtumiaji kubainisha mapendeleo yao kwa mwendo uliopunguzwa, athari nyingi za mpito za CSS katika Bootstrap (kwa mfano, kidirisha cha modali kinapofunguliwa au kufungwa, au uhuishaji wa kuteleza kwenye mizunguko) utazimwa.