Avanoa

O se aotelega puupuu o foliga o Bootstrap ma tapulaʻa mo le fatuina o mea e mafai ona maua.

I luga o lenei itulau

O le Bootstrap e maua ai se faʻaoga faigofie faʻaoga o sitaili ua saunia, mea faigaluega faʻapipiʻi, ma vaega faʻafesoʻotaʻi, e mafai ai e le au atinaʻe ona fausia ni upega tafaʻilagi ma talosaga e faʻaalia ai le vaʻaia, faʻatamaoaigaina, ma mafai ona maua mai le pusa.

Vaaiga lautele ma tapula'a

O le fa'aogaina lautele o so'o se poloketi e fausia i le Bootstrap e fa'alagolago tele i le fa'ailoga a le tusitala, sitaili fa'aopoopo, ma tusitusiga na latou fa'aaofia ai. Ae ui i lea, pe a faʻapea o nei mea ua faʻatinoina saʻo, e tatau ona matua mafaia le fatuina o upega tafaʻilagi ma talosaga faʻatasi ma Bootstrap e faʻataunuʻu WCAG 2.1 (A / AA / AAA), Vaega 508 , ma tutusa tulaga faʻaogaina ma manaʻoga.

Fa'ailoga fausaga

E mafai ona fa'aoga le sitaili a le Bootstrap i le tele o fausaga fa'ailoga. O lenei faʻamaumauga e faʻamoemoe e tuʻuina atu i le au atinaʻe ni faʻataʻitaʻiga sili ona lelei e faʻaalia ai le faʻaogaina o le Bootstrap lava ia ma faʻaalia le faʻailoga faʻailoga talafeagai, e aofia ai auala e mafai ai ona foia atugaluga e ono mafai ona maua.

Vaega felagolagomai

O vaega fa'afeso'ota'i a Bootstrap—e pei o fa'atalanoaga fa'ata'ita'i, tu'u i lalo menus, ma mea faigaluega fa'aaganu'u—ua mamanuina e galue mo tagata pa'i, isumu, ma keyboard. E ala i le fa'aogaina o matafaioi ma uiga fa'atatau WAI - ARIA , e tatau fo'i ona malamalama ma fa'aogaina nei vaega i le fa'aogaina o tekonolosi fesoasoani (e pei o le faitau mata'itusi).

Talu ai o vaega a Bootstrap ua fuafua lelei ina ia sa'o le lautele, atonu e mana'omia e le au tusitala le fa'aopoopoina o matafaioi ma uiga o le ARIA , fa'apea fo'i ma le amio JavaScript, ina ia fa'amatala sa'o ai le natura ma le fa'atinoga o latou vaega. E masani ona ta'ua lenei mea i fa'amaumauga.

Fa'afeagai lanu

O nisi tu'ufa'atasiga o lanu o lo'o fa'atupuina i le taimi nei le pa'epa'e fa'aletonu a Bootstrap—fa'aaogaina i totonu o le fa'ava'a mo mea e pei o suiga o ki, suiga mataala, fa'ailoga fa'amaonia-e ono o'o atu ai i le le lava o le fa'atusatusaina o lanu (i lalo ifo o le WCAG 2.1 fa'atusatusa lanu o tusitusiga o le 4.5:1. ma le WCAG 2.1 fa'atusatusa lanu e le o ni tusitusiga o le 3:1 ), aemaise lava pe a fa'aoga i se ata malamalama. E fa'amalosia le au tusitala e fa'ata'ita'i a latou fa'aoga ma'oti o lanu ma, pe a mana'omia, fa'alelei ma fa'alautele nei lanu fa'aletonu e fa'amautinoa ai le fetaui lelei o le eseesega o lanu.

O mea e tatau ona natia i le va'ai, ae fa'aauau pea ona maua i tekonolosi fesoasoani e pei o lau faitau mata, e mafai ona fa'avasega e fa'aoga ai le .visually-hiddenvasega. E mafai ona aoga lenei mea i tulaga e mana'omia ai fa'amatalaga fa'aopoopo fa'aaliga po'o fa'ailoga (e pei o le fa'auiga e ala i le fa'aogaina o lanu) e mana'omia fo'i ona fa'ailoa atu i tagata e le o va'aia.

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

Mo fa'atonuga feso'ota'iga natia va'aia, e pei o feso'ota'iga masani "fa'ase'e", fa'aoga le .visually-hidden-focusablevasega. O lenei mea o le a faʻamautinoa ai e faʻaalia le faʻatonuga pe a taulaʻi (mo tagata faʻaoga keyboard). Mataʻituina, faʻatusatusa i le tutusa .sr-onlyma .sr-only-focusablevasega i lomiga ua mavae, Bootstrap 5's .visually-hidden-focusableo se vasega tutoʻatasi, ma e le tatau ona faʻaaogaina faʻatasi ma le .visually-hiddenvasega.

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

Fa'aitiitia le gaioioiga

O le Bootstrap e aofia ai le lagolago mo le prefers-reduced-motionvaega faʻasalalau . I suʻesuʻega / siʻosiʻomaga e mafai ai e le tagata faʻaoga ona faʻamaonia lo latou manaʻo mo le faʻaitiitia o le gaioiga, o le tele o suiga o CSS i Bootstrap (mo se faʻataʻitaʻiga, pe a tatala pe tapuni se talanoaga faʻapitoa, poʻo le faʻanofo solo i carousels) o le a le atoatoa, ma faʻafiafiaga anoa ( e pei o milo) o le a faʻagesegese.

I luga o su'esu'ega o lo'o lagolagoina prefers-reduced-motion, ma le mea e le'i fa'ailoa manino mai e le tagata fa'aoga latou te mana'omia le fa'aitiitiga o le gaioiga (fa'apea o fea prefers-reduced-motion: no-preference), Bootstrap e mafai ai ona ta'avale sologa lelei e fa'aaoga ai le scroll-behaviormeatotino.