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-hidden
akomanga. 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-focusable
akomanga. 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-only
me .sr-only-focusable
nga karaehe o nga putanga o mua, ko te Bootstrap 5's .visually-hidden-focusable
he karaehe tuuturu, me kaua e whakamahia tahi me te .visually-hidden
akomanga.
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
Te nekehanga whakaheke
Kei a Bootstrap te tautoko mo te prefers-reduced-motion
ahuatanga 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-behavior
rawa.
He rauemi taapiri
- Nga Aratohu Whakaaetanga Ihirangi Tukutuku (WCAG) 2.1
- Te Kaupapa A11Y
- Nga tuhinga whakaurunga MDN
- Tenon.io Kaitaki Whakaaetanga
- Kaitātari Pūrata Tae (CCA)
- "HTML Codesniffer" tohupuka mo te tautuhi i nga take urunga
- Microsoft Accessibility Insights
- Nga taputapu whakamatautau Deque Ax
- He kupu whakataki mo te Urunga Tukutuku