Ho fihlella

Kakaretso e khuts'oane ea likarolo le meeli ea Bootstrap bakeng sa ho theha litaba tse fumanehang.

Leqepheng lena

Bootstrap e fana ka moralo o bonolo oa ho sebelisa mekhoa e lokiselitsoeng, lisebelisoa tsa moralo, le likarolo tse sebetsanang, e lumellang baetsi ba marang-rang ho etsa liwebsaete le lits'ebetso tse khahlang, tse sebetsang hantle, le tse fumanehang ka ntle ho lebokose.

Kakaretso le mefokolo

Kakaretso ea phihlello ea projeke efe kapa efe e hahiloeng ka Bootstrap e ipapisitse le palo e kholo ea sengoli, setaele se eketsehileng, le mongolo oo ba o kenyelletseng. Leha ho le joalo, hafeela tsena li sebelisitsoe ka nepo, ho lokela ho khoneha ka mokhoa o phethahetseng ho theha liwebsaete le lits'ebetso ka Bootstrap e phethahatsang WCAG 2.1 (A/AA/AAA), Karolo ea 508 , le litekanyetso le litlhoko tse tšoanang tsa phihlello.

Sebopeho sa sebopeho

Setaele le sebopeho sa Bootstrap se ka sebelisoa mefuteng e mengata e fapaneng ea meaho. Litokomane tsena li ikemiselitse ho fa ba ntlafatsang mehlala e metle ea ho itloaetsa ho bonts'a ts'ebeliso ea Bootstrap ka boeona le ho bonts'a letšoao le nepahetseng la semantic, ho kenyeletsoa mekhoa eo ka eona mathata a ka bang teng a ka rarolloang.

Likarolo tse sebetsanang

Likarolo tse sebetsanang le Bootstrap - joalo ka lipuisano tsa modal, menyetla e theohang, le malebela a tloaelo - li etselitsoe ho sebetsa bakeng sa basebelisi ba ho ama, mouse le keyboard. Ka tšebeliso ea mesebetsi le litšobotsi tse amehang tsa WAI - ARIA , likarolo tsena le tsona li lokela ho utloisisoa le ho sebetsa ho sebelisoa mahlale a thusang (joalo ka sebali sa skrine).

Hobane likarolo tsa Bootstrap li entsoe ka boomo hore e be tse akaretsang, bangoli ba kanna ba hloka ho kenyelletsa likarolo le litšoaneleho tsa ARIA , hammoho le boits'oaro ba JavaScript, ho fetisa ka nepo sebopeho le ts'ebetso ea karolo ea bona. Hangata sena se hlokomeloa litokomaneng.

Phapang ea mebala

Metsoako e meng ea mebala eo hajoale e etsang phalete ea kamehla ea Bootstrap-e sebelisoang ho pholletsa le moralo bakeng sa lintho tse joalo ka ho fapana ha likonopo, liphapang tsa tlhokomeliso, matšoao a netefatso ea sebopeho-e ka lebisa ho se tšoane ha mebala e sa lekaneng (ka tlase ho tekanyo e khothaletsoang ea WCAG 2.1 ea 4.5:1 le WCAG 2.1 karo-karolelano ea mebala ea 3:1 ), haholo ha e sebelisoa khahlano le bokamorao bo bobebe. Bangoli ba khothaletsoa ho lekola tšebeliso ea bona e khethehileng ea mebala, 'me, ha ho hlokahala, ba fetole kapa ba atolose mebala ena ea kamehla ho etsa bonnete ba hore ho na le phapang e lekaneng ea mebala.

Litaba tse lokelang ho patoa, empa li lula li fumaneha ho litheknoloji tse thusang joalo ka sebali sa skrine, li ka ngoloa ho sebelisoa .visually-hiddensehlopha. Sena se ka ba molemo maemong ao ho 'ona ho lokelang ho fetisetsoa ho basebelisi ba sa boneng (joalo ka moelelo o hlalosoang ka tšebeliso ea mebala).

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

Bakeng sa li-control tse patiloeng tse patiloeng, joalo ka lihokelo tsa setso tsa "skip", sebelisa .visually-hidden-focusablesehlopha. Sena se tla etsa bonnete ba hore taolo e bonahala hang ha e tsepamisitsoe (bakeng sa basebelisi ba bone ba keyboard). Hlokomela, ha u bapisoa le tse lekanang .sr-onlyle .sr-only-focusablelitlelase tsa liphetolelo tse fetileng, Bootstrap 5's .visually-hidden-focusableke sehlopha se ikemetseng, 'me ha ea lokela ho sebelisoa hammoho le .visually-hiddensehlopha.

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

Motsamao o fokotsehileng

Bootstrap e kenyelletsa tšehetso bakeng sa prefers-reduced-motiontšobotsi ea mecha ea litaba . Ho libatli/tikoloho tse lumellang mosebelisi ho hlakisa khetho ea bona bakeng sa motsamao o fokotsehileng, litlamorao tse ngata tsa phetoho ea CSS ho Bootstrap (mohlala, ha puisano ea modal e buloa kapa e koetsoe, kapa animation e thellang ka li-carousels) e tla emisoa, 'me lipopae tse nang le moelelo ( joalo ka li-spinners) li tla fokotsoa.

Ho libatli tse tšehetsang prefers-reduced-motion, le moo mosebelisi a sa bonts'ang ka ho hlaka hore ba ka khetha ho sisinyeha ho fokotsehileng (e leng moo prefers-reduced-motion: no-preference), Bootstrap e nolofalletsa ho tsamaisetsa scroll-behaviorthepa ka mokhoa o thellang.