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 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 yaliyofichwa kwa macho
Maudhui ambayo yanafaa kufichwa, lakini yaendelee kufikiwa na teknolojia saidizi kama vile visoma skrini, yanaweza kutengenezwa kwa kutumia .visually-hidden
darasa. 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-focusable
darasa. Hii itahakikisha kuwa kidhibiti kinaonekana mara tu kinapoelekezwa (kwa watumiaji wanaoona wa kibodi). Jihadharini, ikilinganishwa na toleo sawa .sr-only
na .sr-only-focusable
katika matoleo ya awali, Bootstrap 5 .visually-hidden-focusable
ni darasa la pekee, na haipaswi kutumiwa pamoja na .visually-hidden
darasa.
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
Mwendo uliopunguzwa
Bootstrap inajumuisha usaidizi kwa prefers-reduced-motion
kipengele cha midia . Katika vivinjari/mazingira ambayo humruhusu mtumiaji kubainisha mapendeleo yao ya mwendo uliopunguzwa, athari nyingi za mpito za CSS katika Bootstrap (kwa mfano, kidirisha cha moduli kinapofunguliwa au kufungwa, au uhuishaji wa kuteleza kwenye jukwa) utazimwa, 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
.
Rasilimali za ziada
- Miongozo ya Ufikiaji wa Maudhui ya Wavuti (WCAG) 2.1
- Mradi wa A11Y
- Nyaraka za ufikivu za MDN
- Tenon.io Kikagua Ufikivu
- Kichanganuzi cha Utofautishaji wa Rangi (CCA)
- "HTML Codesniffer" alamisho kwa ajili ya kutambua masuala ya ufikivu
- Maarifa ya Ufikivu wa Microsoft
- Deque Ax kupima zana
- Utangulizi wa Ufikivu wa Wavuti