Ukufikeleleka

Isishwankathelo esifutshane seempawu zeBootstrap kunye nemida ekudalweni komxholo ofikelelekayo.

Kweli phepha

I-Bootstrap inikezela ngesakhelo ekulula ukusisebenzisa seendlela esele zenziwe, izixhobo zokuyila, kunye namacandelo asebenzisanayo, okuvumela abaphuhlisi ukuba benze iiwebhusayithi kunye nezicelo ezikhangelekayo, ezityebileyo, kwaye zifikeleleke ngaphandle kwebhokisi.

Isishwankathelo kunye nemida

Ukufikeleleka ngokubanzi kwayo nayiphi na iprojekthi eyakhiwe ngeBootstrap ixhomekeke kwinxalenye enkulu kuphawu lombhali, isitayile esongezelelweyo, kunye nokubhalwa kweskripthi abazibandakanyileyo. Nangona kunjalo, ukuba ezi ziphunyezwe ngokuchanekileyo, kufuneka zifezeke ngokugqibeleleyo ukwenza iiwebhusayithi kunye nezicelo kunye neBootstrap ezalisekisa iWCAG 2.1 (A/AA/AAA), iCandelo 508 , kunye nemigangatho efanayo yokufikeleleka kunye neemfuno.

Imarkup yesakhiwo

Isimbo seBootstrap kunye noyilo lunokusetyenziswa kuluhlu olubanzi lwezakhiwo zokuphawula. Olu xwebhu lujolise ekuboneleleni abaphuhlisi ngemizekelo efanelekileyo yokubonisa ukusetyenziswa kweBootstrap ngokwayo kwaye ibonise uphawu olufanelekileyo lwesemantic, kubandakanywa neendlela apho iinkxalabo zofikelelo ezinokuqwalaselwa.

Amacandelo Interactive

Izinto ezisebenzisanayo zeBootstrap-ezinje ngemodal dialogs, dropdown menus, and custom tooltips-zenzelwe ukusebenzela ukubamba, imouse, kunye nabasebenzisi bebhodi yezitshixo. Ngokusetyenziswa kweendima ezifanelekileyo ze- WAI - ARIA kunye neempawu, la macandelo kufuneka aqonde kwaye asebenziseke kusetyenziswa ubuchwepheshe bokuncedisa (ezifana nezifundi zesikrini).

Ngenxa yokuba izinto ze-Bootstrap ziyilelwe ngenjongo ukuba zenziwe zisebenza ngokufanayo naqhelekileyo, ababhali banokufuna ukubandakanya ezinye iindima kunye neempawu ze-ARIA , kunye nokuziphatha kweJavaScript, ukuhambisa ngokuchanekileyo ngakumbi ubume obuchanekileyo kunye nokusebenza kwecandelo labo. Oku kudla ngokuphawulwa kuxwebhu.

Umahluko wombala

Eminye imidibaniso yemibala ekhoyo ngoku eyenza i-palette ye-Bootstrap engagqibekanga—esetyenziswa kuyo yonke isakhelo sezinto ezifana nokuguquguquka kwamaqhosha, ukwahluka kwezilumkiso, izibonisi zoqinisekiso lwefomu-kunokukhokelela kuchasano olungonelanga lombala (ngezantsi kwe- WCAG 2.1 yomlinganiselo wokuchasana kombala wombhalo ocetyiswayo we-4.5:1 kunye neWCAG 2.1 umlinganiselo wokuchasana kombala ongengowombhalo we-3:1 ), ngakumbi xa isetyenziswe ngokuchasene nemvelaphi ekhanyayo. Ababhali bayakhuthazwa ukuba bavavanye usetyenziso lwabo oluthile lombala kwaye, apho kuyimfuneko, baguqule ngesandla/bandise le mibala engagqibekanga ukuqinisekisa umlinganiselo owaneleyo wemibala.

Umxholo omele ufihlwe ngokubonakalayo, kodwa uhlale ufikeleleka kwiiteknoloji ezincedisayo ezifana nezifundi zesikrini, zinokubhalwa kusetyenziswa .visually-hiddeniklasi. Oku kunokuba luncedo kwiimeko apho ulwazi olongezelelweyo olubonakalayo okanye izikhokelo (ezifana nentsingiselo echazwa ngokusetyenziswa kombala) kufuneka kwakhona zigqithiselwe kubasebenzisi abangabonakaliyo.

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

Kulawulo olubonakalayo olufihliweyo olusebenzayo, olufana nekhonkco "lokutsiba", sebenzisa .visually-hidden-focusableiklasi. Oku kuya kuqinisekisa ukuba ulawulo luyabonakala xa sele lugxilile (kubasebenzisi bekhibhodi ababonayo). Qaphela, xa kuthelekiswa nokulingana .sr-onlykunye .sr-only-focusableneeklasi kwiinguqulelo ezidlulileyo, i-Bootstrap 5 .visually-hidden-focusableyiklasi yokuzimela, kwaye akufanele isetyenziswe ngokudibanisa .visually-hiddenneklasi.

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

Isindululo esincitshisiweyo

I-Bootstrap ibandakanya inkxaso yenqaku prefers-reduced-motionleendaba . Kwibhrawuza/kummandla ovumela umsebenzisi ukuba achaze ukhetho lwabo lwesindululo esincitshisiweyo, uninzi lweziphumo zenguqu yeCSS kwiBootstrap (umzekelo, xa incoko yababini yemodal ivulwa okanye ivaliwe, okanye upopayi otyibilikayo kwicarousels) iya kukhutshazwa, kunye neepopayi ezinentsingiselo ( njengeespina) ziyakucotha.

Kwibhrawuza ezixhasayo prefers-reduced-motion, kwaye apho umsebenzisi engabonisanga ngokucacileyo ukuba angathanda ukuncitshiswa kwentshukumo (okt apho prefers-reduced-motion: no-preference), iBootstrap yenza ukuskrola okugudileyo usebenzisa scroll-behavioripropati.