Nnweta

Nchịkọta dị nkenke nke atụmatụ Bootstrap na oke maka imepụta ọdịnaya enwere ike ịnweta.

Na ibe a

Bootstrap na-enye usoro dị mfe iji dị mfe nke ụdị edozi, ngwaọrụ nhazi, na ihe ndị na-emekọrịta ihe, na-enye ndị mmepe ohere ịmepụta weebụsaịtị na ngwa ndị na-adọrọ mmasị anya, bara ọgaranya na-arụ ọrụ, na ịnweta site na igbe.

Nchịkọta na njedebe

Nnweta n'ozuzu nke oru ngo ọ bụla ejiri Bootstrap rụọ na-adabere n'ụzọ dị ukwuu na akara ndị odee, nhazi agbakwunyere, na edemede ha tinyere. Otú ọ dị, ọ bụrụhaala na etinyere ihe ndị a n'ụzọ ziri ezi, ọ ga-ekwe omume nke ọma ịmepụta weebụsaịtị na ngwa na Bootstrap nke na-emezu WCAG 2.1 (A/AA/AAA), Nkebi 508 , na ụkpụrụ nnweta na ihe ndị a chọrọ.

Nhazi nhazi

Enwere ike itinye nhazi na nhazi nke Bootstrap n'ọtụtụ ụdị akara akara. Akwụkwọ a na-achọ ịnye ndị mmepe ihe atụ omume kacha mma iji gosipụta ojiji Bootstrap n'onwe ya wee gosipụta akara njiri mara nke dabara adaba, gụnyere ụzọ enwere ike isi dozie nsogbu ịnweta ohere.

Ngwa mmekọrịta

Ngwa mmekọrịta nke Bootstrap-dị ka modal dialog, menus dropdown, na ngwa ọrụ omenala—emebere ka ọ rụọ ọrụ maka mmetụ aka, òké na ndị ọrụ ahụigodo. Site n'iji ọrụ WAI - ARIA dị mkpa na njiri mara, akụrụngwa ndị a kwesịkwara ịbụ ihe a na-aghọta nke ọma ma na-arụ ọrụ site na iji teknụzụ enyemaka (dị ka ndị na-agụ ihuenyo).

N'ihi na ebum n'obi emebere ihe ndị Bootstrap ka ọ bụrụ nke zuru oke, ndị odee nwere ike itinyekwu ọrụ ARIA na njiri mara ya, yana omume Javascript, iji kọwapụta nke ọma ọdịdị na arụmọrụ nke akụrụngwa ha. A na-ahụkarị nke a na akwụkwọ.

Agba dị iche

Ụfọdụ nchikota agba nke mebere palette ndabara nke Bootstrap ugbu a - ejiri ya n'oge usoro maka ihe ndị dị ka mgbanwe bọtịnụ, mgbanwe nchegharị, ihe nrịbama ụdị - nwere ike iduga n'ọdịiche agba ezughị oke (n'okpuru WCAG 2.1 ederede agba iche nke 4.5:1 akwadoro. yana WCAG 2.1 na-abụghị ederede agba ọdịiche nke 3: 1 ), karịsịa mgbe ejiri ya megide ndabere ọkụ. A na-agba ndị na-ede akwụkwọ ume ka ha nwalee otú ha si eji agba agba, na, ebe ọ dị mkpa, jiri aka gbanwee/gbatịa agba ndị a iji hụ na oke ọdịiche agba zuru oke.

Ọdịnaya nke kwesịrị ka ezoro ezo na anya, mana ka enwere ike ịnweta teknụzụ enyemaka dị ka ndị na-agụ ihuenyo, nwere ike iji .visually-hiddenklas ahụ hazie ya. Nke a nwere ike ịba uru n'ọnọdụ ebe ekwesịrị ibuga ozi ọhụụ ma ọ bụ akara (dị ka ihe pụtara site na iji agba) ga-ebugakwa ndị ọrụ na-adịghị ahụ anya.

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

Maka njikwa mmekọrịta ezoro ezo nke anya, dị ka njikọ "ịwụ" omenala, jiri .visually-hidden-focusableklas ahụ. Nke a ga-ahụ na njikwa ahụ ga-ahụ anya ozugbo etinyere ya (maka ndị na-ahụ maka ahụigodo). Lezienụ anya, atụnyere otu .sr-onlyna .sr-only-focusableklaasị na nsụgharị gara aga, Bootstrap 5's .visually-hidden-focusablebụ klaasị kwụụrụ onwe ya, na agaghị eji ya na .visually-hiddenklaasị.

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

Mbelata ngagharị

Bootstrap gụnyere nkwado maka njirimara prefers-reduced-motionmgbasa ozi . Na ihe nchọgharị / gburugburu nke na-enye onye ọrụ ohere ịkọwapụta mmasị ha maka mbelata mmegharị, ọtụtụ mmetụta mgbanwe CSS na Bootstrap (dịka ọmụmaatụ, mgbe emepere ma ọ bụ mechie modal dialog, ma ọ bụ ihe nkiri na-amị amị na carousels) ga-enwe nkwarụ, yana ihe ngosi bara uru ( dị ka spinners) ga-eji nwayọọ nwayọọ.

Na ihe nchọgharị na-akwado prefers-reduced-motion, yana ebe onye ọrụ na - egosibeghị n'ụzọ doro anya na ha ga-amasị mbelata ngagharị (ntụgharị ebe prefers-reduced-motion: no-preference), Bootstrap na-enyere aka ịpịgharị nke ọma site na iji scroll-behaviorakụrụngwa.