Tīpoka ki te ihirangi matua Tīpoka ki te whakaterenga tuhinga
Check
in English

Te urunga

He tirohanga poto mo nga ahuatanga me nga herenga a Bootstrap mo te hanga i nga ihirangi e waatea ana.

Ka whakaratohia e Bootstrap he angamahi ngawari ki te whakamahi o nga momo kua oti te hanga, nga taputapu whakatakotoranga, me nga waahanga tauwhitiwhiti, ka taea e nga kaiwhakawhanake te hanga paetukutuku me nga tono e titiro ana, e whai kiko ana, e waatea ana i waho o te pouaka.

Tirohanga whanui me nga here

Ko te whakaurunga katoa o tetahi kaupapa i hangaia ma te Bootstrap ka whakawhirinaki te nuinga ki te tohu a te kaituhi, te taapiri taapiri, me te tuhi tuhi kua whakauruhia e ratou. Engari, mehemea kua tika te whakatinanatanga o enei, me tino taea te hanga paetukutuku me nga tono me Bootstrap e whakatutuki ana i te WCAG 2.1 (A/AA/AAA), Wāhanga 508 , me nga paerewa whakauru me nga whakaritenga.

Te tohu hanganga

Ko te ahua me te whakatakotoranga a Bootstrap ka taea te tono ki te maha o nga hanganga tohu. Ko tenei tuhinga e whai ana ki te whakarato i nga kaiwhakawhanake i nga tauira mahi pai ki te whakaatu i te whakamahinga o Bootstrap ake me te whakaatu i te tohu tohu tohu tika, tae atu ki nga huarahi e taea ai te whakatika i nga awangawanga whakaurunga.

Nga waahanga tauwhitiwhiti

Ko nga waahanga tauwhitiwhiti a Bootstrap—pēnei i nga korero arataki, nga tahua takaiho, me nga aki taputapu ritenga—he mea hanga mo nga kaiwhakamahi pa, kiore, me nga papapātuhi. Ma te whakamahi i nga tuunga me nga huanga WAI - ARIA e tika ana, me marama me te whakahaere enei waahanga ma te whakamahi i nga hangarau awhina (penei i nga panui mata).

Na te mea ko nga waahanga o Bootstrap he mea hanga noa kia tino whanui, ka hiahia pea nga kaituhi ki te whakauru atu i etahi atu mahi ARIA me nga huanga, me te whanonga JavaScript, kia tika ai te whakaatu i te ahua tika me te mahi o to raatau waahanga. I te nuinga o nga wa ka tuhia tenei i roto i nga tuhinga.

He rereke te tae

Ko etahi huinga o nga tae e hanga ana i te papatae taunoa o Bootstrap i tenei wa—i whakamahia puta noa i te anga mo nga mea penei i te rerekee o te paatene, te rereke matohi, te tohu tohu whakamana—kei te kore e rawaka te rereke o te tae (kei raro iho i te WCAG 2.1 te ōwehenga rereke tae o te kuputuhi o te 4.5:1. me te WCAG 2.1 te ōwehenga rereke tae kore-kuputuhi o 3:1 ), ina koa ka whakamahia ki te papamuri marama. Ka whakatenatenahia nga Kaituhi ki te whakamatautau i o raatau whakamahinga o te tae, a, i te wa e tika ana, whakarereke a-ringa/whakaroahia enei tae taunoa kia pai ai te owehenga rereke o te tae.

Ihirangi huna

Ko nga ihirangi me huna kanohi, engari ka uru tonu ki nga hangarau awhina penei i nga panui mata, ka taea te hanga ma te whakamahi i te .visually-hiddenakomanga. Ka whai hua tenei ki nga ahuatanga e tika ana kia tukuna atu etahi atu korero ataata, tohu tohu ranei (penei i te tikanga ma te whakamahi i te tae) ki nga kaiwhakamahi kore-ataata.

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

Mo nga mana tauwhitiwhiti huna, penei i nga hononga "peke" tuku iho, whakamahia te .visually-hidden-focusableakomanga. Ma tenei ka tino kitea te mana i te wa e arotahi ana (mo nga kaiwhakamahi papapātuhi kua kitea). Kia tupato, ka whakatauritea ki nga karaehe rite .sr-onlyme .sr-only-focusablenga karaehe o nga putanga o mua, ko te Bootstrap 5's .visually-hidden-focusablehe karaehe tuuturu, me kaua e whakamahia tahi me te .visually-hiddenakomanga.

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

Te nekehanga whakaheke

Kei a Bootstrap te tautoko mo te prefers-reduced-motionahuatanga pāpāho . I roto i nga kaitirotiro/taiao e tuku ana i te kaiwhakamahi ki te tautuhi i tana manakohanga mo te nekehanga iti, ko te nuinga o nga paanga whakawhiti CSS i Bootstrap (hei tauira, ka whakatuwherahia, ka katihia ranei he korero aratau, ko te hākoritanga reti i roto i nga carousels) ka monokia, me nga pakiwaituhi whai kiko ( penei i te miro) ka whakaroa.

I runga i nga kaitirotiro e tautoko ana prefers-reduced-motion, me nga waahi kaore i tino tohuhia e te kaiwhakamahi he pai ki a raatau te whakaheke i te nekehanga (arā, kei hea prefers-reduced-motion: no-preference), ka taea e Bootstrap te panuku maeneene ma te whakamahi i te scroll-behaviorrawa.

He rauemi taapiri