Source

Mɔnukpɔkpɔwo ƒe Mɔnukpɔkpɔ

Bootstrap ƒe nɔnɔmewo kple seɖoƒe siwo le nyatakaka siwo ŋu woate ŋu aɖo la wɔwɔ ŋu ŋuti nyatakaka kpui aɖe.

Bootstrap naa atsyã siwo wowɔ xoxo, ɖoɖowɔnuwo, kple akpa siwo wɔa dɔ ɖekae ƒe ɖoɖo si zazã le bɔbɔe, si wɔnɛ be dɔwɔlawo te ŋu wɔa nyatakakadzraɖoƒewo kple dɔwɔɖoɖo siwo dzea ame ŋu, wowɔa dɔ nyuie, eye woate ŋu akpɔ wo le aɖaka me.

Kpɔɖeŋu Kple Seɖoƒewo

Dɔ ɖesiaɖe si wotu kple Bootstrap ƒe mɔnukpɔkpɔ bliboa nɔ te ɖe agbalẽŋlɔla ƒe dzesidede, atsyã bubuwo, kple nuŋɔŋlɔ siwo wotsɔ de eme dzi le akpa gãtɔ me. Gake ne wowɔ esiawo ŋudɔ nyuie ko la, ele be wòanya wɔ bliboe be woawɔ nyatakakadzraɖoƒewo kple dɔwɔɖoɖo siwo ŋu Bootstrap le siwo awɔ ɖe WCAG 2.0 (A/AA/AAA), Akpa 508 kple mɔɖeɖe ƒe dzidzenuwo kple nudidi mawo tɔgbe dzi.

Xɔtuɖoɖo ƒe dzesidede

Woateŋu awɔ Bootstrap ƒe atsyã kple ɖoɖowɔwɔ ŋudɔ ɖe dzesidede xɔtuɖoɖo vovovowo ŋu. Nuŋlɔɖi sia ƒe taɖodzinue nye be yeana dɔwɔlawo nakpɔ mɔnu nyuitɔwo ƒe kpɔɖeŋuwo atsɔ aɖe Bootstrap ŋutɔ zazã afia eye woaɖe gɔmesese ƒe dzesidede si sɔ afia, si me mɔ siwo dzi woato akpɔ nusiwo ate ŋu ado mo ɖa le mɔnukpɔkpɔwo ŋu gbɔ hã le.

Akpa siwo wɔa dɔ aduadu

Wotrɔ asi le Bootstrap ƒe akpa siwo wɔa dɔ ɖekae—abe modal dialogs, dropdown menus kple custom tooltips—ŋu be woawɔ dɔ na touch, mouse kple keyboard zãlawo. To WAI - ARIA ƒe akpa kple nɔnɔme siwo sɔ zazã me la, ele be akpa siawo hã nanye esiwo gɔme woate ŋu ase eye woate ŋu awɔ dɔ le mɔ̃ɖaŋununya siwo kpena ɖe ame ŋu (abe screen readers ene) zazã me.

Esi wònye be woɖoe koŋ wɔ Bootstrap ƒe akpawo be woanye esiwo sɔ pɛpɛpɛ ta la, ate ŋu ahiã be agbalẽŋlɔlawo nade ARIA ƒe akpa kple nɔnɔme bubuwo eme, kpakple JavaScript ƒe nuwɔna, be woaɖe woƒe akpaa ƒe nɔnɔme kple dɔwɔwɔ si sɔ pɛpɛpɛ afia nyuie wu. Zi geɖe la, wodea dzesi esia le nuŋlɔɖiawo me.

Amadede ƒe vovototo

Amadede akpa gãtɔ siwo wɔ Bootstrap ƒe palette gbãtɔ fifia—si wozã le ɖoɖowɔɖia katã me na nuwo abe abɔta ƒe tɔtrɔ, nuxlɔ̃ame ƒe tɔtrɔ, nuŋlɔɖi ƒe kpeɖodzifianuwo—hea amadede ƒe vovototo si mesɔ gbɔ o vɛ (le WCAG 2.0 ƒe amadede ƒe vovototo ƒe xexlẽme si wokafu si nye 4.5:1 te) ne wozãe ɖe eŋu megbenya si me kɔ nyuie. Ahiã be agbalẽŋlɔlawo natrɔ asi le/akeke amadede siawo siwo woɖo ɖi la ɖe enu kple asi be woakpɔ egbɔ be amadedewo ƒe vovototo ƒe sɔsɔme sɔ.

Nyatakaka siwo woɣla ɖe nukpɔkpɔ me

Woateŋu awɔ nya siwo wòle be woaɣla ɖe nukpɔkpɔ me, gake woanɔ mɔ̃ɖaŋununya siwo kpena ɖe ame ŋu abe screen readers ene ate ŋu akpɔ wo la ƒe atsyã to .sr-onlyklass la zazã me. Esia ate ŋu aɖe vi le nɔnɔme siwo me wòhiã be woatsɔ nukpɔkpɔ ŋuti nyatakaka alo dzesi bubuwo (abe gɔmesese si woɖe fia to amadede zazã me ene) ana amesiwo menye nukpɔkpɔ o hã me.

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

Elabena woate ŋu atsɔ nuwɔwɔ aduadu ƒe dziɖuɖu siwo woɣla ɖe nukpɔkpɔ me, abe “skip” kadodo siwo wozãna tsã ene, .sr-onlyakpe ɖe .sr-only-focusableklass la ŋu. Esia ana woakpɔ egbɔ be dziɖuɖua nadze ne wonya tsɔ eƒe susu ɖo nu ŋu ko (na keyboard zãla siwo kpɔa nu).

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

Woɖea ʋuʋu dzi kpɔtɔna

Bootstrap ƒe akpa aɖewoe nye kpekpeɖeŋunana prefers-reduced-motionmedia ƒe akpaa . Le web-browser/nuto siwo ɖea mɔ na zãla be wòagblɔ eƒe didi be yeaɖe ʋuʋu dzi akpɔtɔ la, woawɔ CSS ƒe tɔtrɔ ƒe ŋusẽkpɔɖeamedzi akpa gãtɔ le Bootstrap me (le kpɔɖeŋu me, ne woʋu modal dialog alo wotu) nuwɔametɔe. Fifia la, kpekpeɖeŋunana koe nye Safari le macOS kple iOS dzi.

Dɔwɔnu bubuwo