Ufikivu

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

Katika ukurasa huu

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 sehemu kubwa alama za mwandishi, mitindo ya ziada, na uandishi ambao wamejumuisha. Hata hivyo, mradi haya yametekelezwa ipasavyo, itawezekana kabisa kuunda tovuti na programu kwa kutumia Bootstrap inayotimiza WCAG 2.1 (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 kugusa, 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

Baadhi ya michanganyiko ya rangi ambayo kwa sasa inaunda ubao chaguo-msingi wa Bootstrap—hutumika katika mfumo mzima wa mambo kama vile utofauti wa vitufe, tofauti za arifa, viashiria vya uthibitishaji wa fomu—huenda ikasababisha utofautishaji wa rangi usiotosha (chini ya uwiano wa utofautishaji wa rangi ya maandishi wa WCAG 2.1 unaopendekezwa wa 4.5:1). na uwiano wa utofautishaji wa rangi usio wa maandishi wa WCAG 2.1 wa 3:1 ), hasa inapotumiwa dhidi ya mandharinyuma. Waandishi wanahimizwa kujaribu matumizi yao mahususi ya rangi na, inapohitajika, kurekebisha/kuongeza rangi hizi chaguo-msingi wao wenyewe ili kuhakikisha uwiano wa utofautishaji wa rangi unaotosheleza.

Maudhui ambayo yanafaa kufichwa, lakini yaendelee kufikiwa na teknolojia saidizi kama vile visoma skrini, yanaweza kuwekewa mtindo kwa kutumia .visually-hiddendarasa. 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="visually-hidden">Danger: </span>
  This action is not reversible
</p>

Kwa vidhibiti vya kuingiliana vilivyofichwa vinavyoonekana, kama vile viungo vya kawaida vya "ruka", tumia .visually-hidden-focusabledarasa. Hii itahakikisha kuwa kidhibiti kinaonekana mara tu kinapoelekezwa (kwa watumiaji wanaoona wa kibodi). Jihadharini, ikilinganishwa na toleo sawa .sr-onlyna .sr-only-focusablekatika matoleo ya awali, Bootstrap 5 .visually-hidden-focusableni darasa la pekee, na haipaswi kutumiwa pamoja na .visually-hiddendarasa.

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

Mwendo uliopunguzwa

Bootstrap inajumuisha usaidizi kwa prefers-reduced-motionkipengele cha midia . Katika vivinjari/mazingira ambayo humruhusu mtumiaji kubainisha mapendeleo yao kwa mwendo uliopunguzwa, athari nyingi za mpito za CSS katika Bootstrap (kwa mfano, kidirisha cha modal kinapofunguliwa au kufungwa, au uhuishaji wa kuteleza katika mizunguko) itazimwa, na uhuishaji wenye maana ( kama vile spinners) itapunguzwa kasi.

Kwenye vivinjari vinavyotumia prefers-reduced-motion, na ambapo mtumiaji hajaonyesha wazi kwamba angependelea mwendo uliopunguzwa (yaani wapi prefers-reduced-motion: no-preference), Bootstrap huwezesha kusogeza kwa urahisi kwa kutumia sifa scroll-behavior.