Svetuka kune chikuru content Svetuka kuenda kudocs navigation
Check
in English

Accessibility

Mutsvakiridzo mupfupi weBootstrap's maficha uye zvisingakwanisi pakugadzirwa kwezvinhu zvinowanika.

Bootstrap inopa iri nyore kushandisa masitaera akagadzirira-akagadzirwa, maturusi ekugadzirisa, uye zvikamu zvinopindirana, zvichibvumira vanogadzira kugadzira mawebhusaiti uye maapplication anoyevedza, anoshanda akapfuma, uye anowanikwa kunze kwebhokisi.

Overview uye zvausingakwanisi

Kuwanikwa kwese kwechero purojekiti yakavakwa neBootstrap kunoenderana muchikamu chikuru pane yemunyori markup, yekuwedzera masitaera, uye scripting zvavakabatanidza. Zvisinei, kana izvi zvaitwa nemazvo, zvinofanirwa kunge zvichinyatsogoneka kugadzira mawebhusaiti uye maapplication neBootstrap anozadzisa WCAG 2.1 (A/AA/AAA), Chikamu 508 , uye zvakafanana zvekuwanikwa zviyero uye zvinodiwa.

Structural markup

Maitiro eBootstrap uye marongerwo anogona kuiswa kune akasiyana siyana emakapu zvimiro. Zvinyorwa izvi zvine chinangwa chekupa vanogadzira mienzaniso yakanakisa yekuratidza mashandisirwo eBootstrap pachayo uye kuratidza kwakakodzera semantic markup, kusanganisira nzira dzinogona kutariswa zvinonetsa zvekuwanikwa.

Interactive components

Bootstrap's interactive components-senge modal dialogs, dropdown menus, uye custom tooltips-zvakagadzirirwa kushanda kubata, mouse, uye vashandisi ve keyboard. Kuburikidza nekushandiswa kweakakodzera WAI - ARIA mabasa uye hunhu, izvi zvikamu zvinofanirwa zvakare kunzwisisika uye kushanda uchishandisa anobatsira matekinoroji (akadai semascreen readers).

Nekuti zvinhu zveBootstrap zvakagadzirirwa nemaune kuti zvive zvegeneric, vanyori vangangoda kusanganisa mamwe mabasa eARIA uye hunhu, pamwe nemaitiro eJavaScript, kuti vanyatso buritsa chaiwo hunhu uye kushanda kwechikamu chavo. Izvi zvinowanzoonekwa mune zvinyorwa.

Kusiyana kwemavara

Mimwe misanganiswa yemavara ayo parizvino anoumba Bootstrap's default palette-inoshandiswa mukati mehurongwa hwezvinhu zvakaita sekusiyana kwemabhatani, kusiyanisa yekuzivisa, mafomu ekusimbisa zviratidzo-zvinogona kutungamira kusakwana kwemavara akasiyana (pasi peyakakurudzirwa WCAG 2.1 mavara akasiyana reshiyo ye4.5:1 uye WCAG 2.1 isiri-mavara mavara akasiyana reshiyo ye3:1 ), kunyanya kana ichishandiswa kuseri kwechiedza. Vanyori vanokurudzirwa kuti vaedze mashandisiro avo chaiwo eruvara uye, pazvinenge zvichidikanwa, gadzirisa nemaoko / wedzera aya mavara akasarudzika kuti ave nechokwadi chakakwana chekusiyanisa reshiyo.

Zvinoonekwa zvakavanzika zvemukati

Zvemukati zvinofanirwa kunge zvakavanzwa, asi zvichiramba zvichiwanikwa kune zvinobatsira tekinoroji senge screen readers, zvinogona kunyorwa pachishandiswa .visually-hiddenkirasi. Izvi zvinogona kubatsira mumamiriro ezvinhu apo mamwe mashoko ekuona kana zvirevo (sezvinoreva zvinoratidzwa kuburikidza nekushandiswa kweruvara) zvinodawo kusvitswa kune vasingaone.

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

Kune zvinoonekwa zvakavanzika zvinopindirana zvinodzora, senge zvechinyakare "skip" zvinongedzo, shandisa .visually-hidden-focusablekirasi. Izvi zvinozoita kuti hutongi huve hunoonekwa kana hwakatariswa (kune vanoona vashandisi keyboard). Chenjerera, uchienzaniswa neakaenzana .sr-onlyuye .sr-only-focusablemakirasi mushanduro dzakapfuura, Bootstrap 5's .visually-hidden-focusableikirasi yakazvimirira, uye haifanirwe kushandiswa pamwe chete .visually-hiddennekirasi.

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

Yakaderedzwa kufamba

Bootstrap inosanganisira rutsigiro rweiyo midhiya prefers-reduced-motionchimiro . Mumabhurawuza/zvakatipoteredza zvinobvumira mushandisi kudoma zvavanoda pakufamba kwakadzikira, mazhinji ekuchinja kweCSS muBootstrap (semuenzaniso, kana modal dialog yakavhurwa kana kuvharwa, kana kuti inotsvedza animation mumacarousels) ichavharwa, uye mifananidzo ine chirevo ( semaspinner) anozodzikiswa.

Pamabhurawuza anotsigira prefers-reduced-motion, uye uko mushandisi asina kusaina pachena kuti vangade kuderedzwa kufamba (kureva kupi prefers-reduced-motion: no-preference), Bootstrap inogonesa kupuruzira mushe uchishandisa chivakwa scroll-behavior.

Zvimwe zvekushandisa