Kev siv tau

Cov ntsiab lus luv luv ntawm Bootstrap cov yam ntxwv thiab cov kev txwv rau kev tsim cov ntsiab lus siv tau.

Bootstrap muab ib qho yooj yim-rau-siv lub moj khaum ntawm npaj txhij-ua qauv, layout cov cuab yeej, thiab sib tham sib Cheebtsam, tso cai rau cov neeg tsim khoom los tsim cov vev xaib thiab cov ntawv thov uas pom tau zoo, ua haujlwm nplua nuj, thiab nkag tau tawm ntawm lub thawv.

Txheej txheem cej luam thiab kev txwv

Tag nrho cov kev nkag tau yooj yim ntawm ib qhov project tsim nrog Bootstrap nyob ntawm ntau qhov ntawm tus sau cov cim, ntxiv styling, thiab scripting lawv tau suav nrog. Txawm li cas los xij, yog tias cov no tau raug coj los ua kom raug, nws yuav tsum ua tau zoo los tsim cov vev xaib thiab cov ntawv thov nrog Bootstrap uas ua tiav WCAG 2.0 (A / AA / AAA), Tshooj 508 thiab cov qauv kev siv tau zoo sib xws thiab cov kev cai.

Cov qauv cim

Bootstrap's styling thiab layout tuaj yeem siv rau ntau hom kev kos duab. Cov ntaub ntawv no yog npaj los muab cov neeg tsim khoom nrog cov qauv kev coj ua zoo tshaj plaws los qhia txog kev siv Bootstrap nws tus kheej thiab qhia txog qhov tsim nyog kos npe, suav nrog txoj hauv kev uas muaj peev xwm nkag mus rau kev txhawj xeeb tuaj yeem daws tau.

Sib tham sib Cheebtsam

Bootstrap's interactive Cheebtsam - xws li modal dialogs, dropdown menus thiab custom tooltips - yog tsim los ua hauj lwm rau kov, nas thiab keyboard cov neeg siv. Los ntawm kev siv WAI - ARIA lub luag haujlwm thiab cov yam ntxwv, cov khoom no kuj tseem yuav nkag siab thiab ua haujlwm tau siv cov thev naus laus zis pab (xws li cov nyeem ntawv tshuaj ntsuam).

Vim tias Bootstrap cov khoom yog lub hom phiaj tsim los ua kom muaj txiaj ntsig zoo, cov kws sau ntawv yuav xav tau ntxiv ARIA lub luag haujlwm thiab cov cwj pwm, nrog rau JavaScript tus cwj pwm, kom paub meej qhov tseeb thiab kev ua haujlwm ntawm lawv cov khoom. Qhov no feem ntau yog sau rau hauv cov ntaub ntawv.

Xim sib txawv

Feem ntau cov xim uas tam sim no ua rau Bootstrap lub neej ntawd palette-siv thoob plaws hauv lub moj khaum rau tej yam xws li khawm variations, alert variations, daim ntawv validation indicators-ua rau tsis txaus xim sib piv (hauv qab cov lus pom zoo WCAG 2.0 xim sib piv ntawm 4.5: 1 ) thaum siv tawm tsam lub teeb tom qab. Cov kws sau ntawv yuav tsum tau hloov kho / txuas ntxiv cov xim no los xyuas kom meej cov xim sib txawv txaus.

Cov ntsiab lus uas yuav tsum tau muab zais tsis pom kev, tab sis tseem tuaj yeem nkag mus rau cov cuab yeej pabcuam xws li kev tshuaj ntsuam nyeem, tuaj yeem tsim qauv siv .sr-onlychav kawm. Qhov no tuaj yeem muaj txiaj ntsig zoo rau cov xwm txheej uas cov ntaub ntawv pom lossis cov lus qhia ntxiv (xws li lub ntsiab lus qhia los ntawm kev siv xim) yuav tsum tau xa mus rau cov neeg siv tsis pom kev.

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

Rau qhov pom kev zais kev sib tham sib tswj, xws li tsoos "hla" txuas, .sr-onlytuaj yeem ua ke nrog .sr-only-focusablechav kawm. Qhov no yuav xyuas kom meej tias kev tswj tau pom ib zaug tsom (rau cov neeg siv cov keyboard pom).

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

Txo cov lus tsa suab

Bootstrap suav nrog kev txhawb nqa rau cov prefers-reduced-motionxov xwm tshaj tawm . Hauv cov browsers / ib puag ncig uas tso cai rau tus neeg siv qhia lawv qhov kev nyiam rau kev txo qis, feem ntau CSS kev hloov pauv cuam tshuam hauv Bootstrap (piv txwv li, thaum lub rooj sib tham qhib lossis kaw) yuav raug kaw. Tam sim no, kev txhawb nqa tsuas yog txwv rau Safari ntawm macOS thiab iOS.