Hiki ke komo

ʻO kahi hiʻohiʻona pōkole o nā hiʻohiʻona o Bootstrap a me nā palena no ka hana ʻana i nā ʻike hiki ke loaʻa.

Ma kēia ʻaoʻao

Hāʻawi ʻo Bootstrap i kahi papa hana maʻalahi o nā ʻano i hana ʻia, nā hāmeʻa hoʻonohonoho, a me nā mea pili, e ʻae ana i nā mea hoʻomohala e hana i nā pūnaewele a me nā noi i ʻike ʻia, waiwai waiwai, a hiki ke loaʻa i waho o ka pahu.

Nānā nui a me nā palena

ʻO ka loaʻa holoʻokoʻa o kēlā me kēia papahana i kūkulu ʻia me Bootstrap e hilinaʻi nui ʻia ma ka markup o ka mea kākau, ke ʻano hou aʻe, a me ke kākau ʻana a lākou i hoʻokomo ai. Eia nō naʻe, inā ua hoʻokō pololei ʻia kēia mau mea, pono e hiki ke hana i nā pūnaewele a me nā noi me Bootstrap e hoʻokō ana i ka WCAG 2.1 (A/AA/AAA), Māhele 508 , a me nā kūlana a me nā koi like.

Hōʻailona kūkulu

Hiki ke hoʻohana ʻia ke ʻano a me ka hoʻonohonoho ʻana o Bootstrap i kahi ākea o nā hale markup. Ke manaʻo nei kēia palapala e hāʻawi i nā mea hoʻomohala i nā hiʻohiʻona hoʻomaʻamaʻa maikaʻi loa e hōʻike i ka hoʻohana ʻana iā Bootstrap ponoʻī a hōʻike i ka markup semantic kūpono, me nā ala e hiki ai ke hoʻoponopono ʻia nā pilikia hiki ke komo.

Nā mea pili

Hoʻolālā ʻia nā ʻāpana pili o Bootstrap—e like me nā kamaʻilio modal, nā menus dropdown, a me nā mea hana maʻamau—e hana no ka hoʻopā ʻana, ka ʻiole, a me nā mea hoʻohana keyboard. Ma o ka hoʻohana ʻana i nā kuleana a me nā hiʻohiʻona WAI - ARIA kūpono , pono e hoʻomaopopo a hoʻohana ʻia kēia mau mea me ka hoʻohana ʻana i nā ʻenehana kōkua (e like me nā mea heluhelu pale).

No ka mea ua hoʻolālā ʻia nā ʻāpana o Bootstrap i mea maʻamau, pono paha nā mea kākau e hoʻokomo i nā kuleana a me nā ʻano ARIA hou aʻe, a me ka ʻano JavaScript, e hōʻike pololei i ke ʻano a me ka hana o kā lākou mea. Hoʻomaopopo pinepine ʻia kēia ma ka palapala.

ʻokoʻa kala

ʻO kekahi hui pū ʻana o nā waihoʻoluʻu e hana nei i ka palette paʻamau o Bootstrap-i hoʻohana ʻia i loko o ke kaʻina no nā mea e like me ke ʻano o nā pihi, nā ʻano ʻano makaʻala, nā hōʻailona hōʻoia hōʻoia-hiki ke alakaʻi i ka lawa ʻole o ka waihoʻoluʻu (ma lalo o ka WCAG 2.1 i manaʻo ʻia ka lakiō ʻokoʻa kala kala o 4.5:1. a me ka WCAG 2.1 hoʻohālikelike kala ʻole kikokikona o 3:1 ), ʻoiai ke hoʻohana ʻia me ke ʻano māmā. Paipai ʻia nā mea kākau e hoʻāʻo i kā lākou hoʻohana kikoʻī ʻana i ke kala a, inā pono, hoʻololi lima / hoʻolōʻihi i kēia mau kala paʻamau e hōʻoia i nā lakio hoʻohālikelike kala.

Hiki ke hoʻohana ʻia nā ʻike i hūnā ʻia akā hiki ke loaʻa i nā ʻenehana kōkua e like me nā mea heluhelu pale .visually-hidden. Hiki ke hoʻohana ʻia kēia i nā kūlana e pono ai ke hāʻawi ʻia aku i nā mea hoʻohana ʻike ʻole.

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

No nā mana pānaʻi huna huna, e like me nā loulou "skip" kuʻuna, e hoʻohana i ka .visually-hidden-focusablepapa. E hōʻoia kēia e ʻike ʻia ka mana hoʻokahi i ka nānā ʻana (no nā mea hoʻohana keyboard ʻike ʻia). E makaʻala, i hoʻohālikelike ʻia i nā mea like .sr-onlya me .sr-only-focusablenā papa i nā mana i hala, ʻo Bootstrap 5 .visually-hidden-focusablekahi papa kūʻokoʻa, ʻaʻole pono e hoʻohana ʻia me ka .visually-hiddenpapa.

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

Hoʻemi ʻia ka neʻe

Loaʻa i ka Bootstrap ke kākoʻo no ka prefers-reduced-motionhiʻohiʻona media . Ma nā mākaʻikaʻi/kaiapuni e hiki ai i ka mea hoʻohana ke kuhikuhi i ko lākou makemake no ka hoʻemi ʻana i ka neʻe, ʻo ka hapa nui o nā hopena hoʻololi CSS ma Bootstrap (no ka laʻana, ke wehe ʻia a pani ʻia paha kahi kamaʻilio modal, a i ʻole ka hoʻoheheʻe ʻana i nā carousels) e hoʻopau ʻia, a me nā animations nui ( e like me nā milo) e lohi.

Ma nā polokalamu kele pūnaewele e kākoʻo ana iā prefers-reduced-motion, a ma kahi i hōʻailona ʻole ai ka mea hoʻohana e makemake lākou e hoʻemi ʻia ka neʻe ʻana (ʻo ia hoʻi, ma hea prefers-reduced-motion: no-preference), hiki i ka Bootstrap ke hele mālie me ka hoʻohana ʻana i ka scroll-behaviorwaiwai.