Aċċessibilità

Ħarsa ġenerali qasira tal-karatteristiċi u l-limitazzjonijiet ta' Bootstrap għall-ħolqien ta' kontenut aċċessibbli.

Fuq din il-paġna

Bootstrap jipprovdi qafas faċli biex jintuża ta 'stili lesti, għodod ta' tqassim, u komponenti interattivi, li jippermetti lill-iżviluppaturi joħolqu websajts u applikazzjonijiet li huma viżwalment attraenti, funzjonalment sinjuri, u aċċessibbli barra mill-kaxxa.

Ħarsa ġenerali u limitazzjonijiet

L-aċċessibbiltà ġenerali ta 'kwalunkwe proġett mibni b'Bootstrap tiddependi fil-biċċa l-kbira fuq il-markup tal-awtur, stil addizzjonali, u scripting li ħadthom inklużi. Madankollu, sakemm dawn ikunu ġew implimentati b'mod korrett, għandu jkun perfettament possibbli li jinħolqu websajts u applikazzjonijiet b'Bootstrap li jissodisfaw id- WCAG 2.1 (A/AA/AAA), it- Taqsima 508 , u standards u rekwiżiti ta' aċċessibbiltà simili.

Markup strutturali

L-istil u t-tqassim ta 'Bootstrap jistgħu jiġu applikati għal firxa wiesgħa ta' strutturi ta 'markup. Din id-dokumentazzjoni għandha l-għan li tipprovdi lill-iżviluppaturi bl-eżempji tal-aħjar prattika biex juru l-użu tal-Bootstrap innifsu u turi l-markup semantiku xieraq, inklużi modi li bihom jistgħu jiġu indirizzati tħassib potenzjali dwar l-aċċessibbiltà.

Komponenti interattivi

Il-komponenti interattivi tal-Bootstrap—bħal djalogu modali, menus dropdown, u tooltips personalizzati—huma ddisinjati biex jaħdmu għall-utenti tal-mess, tal-maws u tat-tastiera. Permezz tal-użu tar-rwoli u l-attributi rilevanti WAI - ARIA , dawn il-komponenti għandhom ukoll jinftiehmu u jitħaddmu bl-użu ta' teknoloġiji ta' assistenza (bħal screen readers).

Minħabba li l-komponenti ta 'Bootstrap huma ddisinjati apposta biex ikunu pjuttost ġeneriċi, l-awturi jista' jkollhom bżonn jinkludu aktar rwoli u attributi ARIA , kif ukoll imġieba JavaScript, biex iwasslu b'mod aktar preċiż in-natura preċiża u l-funzjonalità tal-komponent tagħhom. Dan normalment jiġi nnutat fid-dokumentazzjoni.

Kuntrast tal-kulur

Xi kombinazzjonijiet ta’ kuluri li bħalissa jiffurmaw il-paletta default ta’ Bootstrap—użati fil-qafas kollu għal affarijiet bħal varjazzjonijiet tal-buttuni, varjazzjonijiet ta’ twissija, indikaturi ta’ validazzjoni tal-formoli—jistgħu jwasslu għal kuntrast tal-kulur insuffiċjenti (taħt il- proporzjon tal-kuntrast tal-kulur tat-test WCAG 2.1 rakkomandat ta’ 4.5:1 u l- proporzjon tal-kuntrast tal-kulur mhux tat-test WCAG 2.1 ta '3:1 ), partikolarment meta jintuża fuq sfond ħafif. L-awturi huma mħeġġa jittestjaw l-użi speċifiċi tagħhom tal-kulur u, fejn meħtieġ, jimmodifikaw/estendu manwalment dawn il-kuluri default biex jiżguraw proporzjonijiet ta' kuntrast tal-kulur adegwati.

Il-kontenut li għandu jkun moħbi viżwalment, iżda jibqa' aċċessibbli għal teknoloġiji ta' assistenza bħal qarrejja tal-iskrin, jista' jiġi mfassal bl-użu tal- .visually-hiddenklassi. Dan jista' jkun utli f'sitwazzjonijiet fejn informazzjoni viżiva addizzjonali jew indikazzjonijiet (bħal tifsira denotata permezz tal-użu tal-kulur) jeħtieġ li jiġu mgħoddija wkoll lil utenti mhux viżwali.

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

Għal kontrolli interattivi moħbija viżwalment, bħal links tradizzjonali ta '"skip", uża l- .visually-hidden-focusableklassi. Dan jiżgura li l-kontroll isir viżibbli ladarba jkun iffukat (għall-utenti tat-tastiera b'vista). Oqgħod attent, meta mqabbel mal-ekwivalenti .sr-onlyu l- .sr-only-focusableklassijiet fil-verżjonijiet tal-passat, Bootstrap 5's .visually-hidden-focusablehija klassi waħedha, u m'għandhiex tintuża flimkien mal- .visually-hiddenklassi.

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

Mozzjoni mnaqqsa

Bootstrap jinkludi appoġġ għall- prefers-reduced-motionkaratteristika tal-midja . F'browsers/ambjenti li jippermettu lill-utent jispeċifika l-preferenza tiegħu għal mozzjoni mnaqqsa, il-biċċa l-kbira tal-effetti ta' transizzjoni CSS f'Bootstrap (pereżempju, meta tinfetaħ jew tingħalaq djalogu modali, jew l-animazzjoni li tiżżerżaq f'karużelli) se jkunu diżattivati, u animazzjonijiet sinifikanti ( bħal spinners) se jonqos.

Fuq browsers li jappoġġjaw prefers-reduced-motion, u fejn l-utent ma jkunx indika b'mod espliċitu li jippreferi mozzjoni mnaqqsa (jiġifieri fejn prefers-reduced-motion: no-preference), Bootstrap jippermetti scrolling bla xkiel bl-użu tal- scroll-behaviorproprjetà.