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.

Le axa sia dzi

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ɔ nusiawo ŋudɔ nyuie ko la, ele be wòanya wɔ bliboe be woawɔ nyatakakadzraɖoƒewo kple dɔwɔnu siwo ŋu Bootstrap le siwo awɔ ɖe WCAG 2.1 (A/AA/AAA), Section 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ɔ kple wo nɔewo—abe modal dialogs, dropdown menus, kple dɔwɔnu siwo wowɔ ɖe ɖoɖo nu—le ŋ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 woate ŋu ase akpa siawo hã gɔme 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 aɖewo siwo wotsɔ ƒo ƒui 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ɔ, nɔnɔmetata ƒe kpeɖodzifianuwo ene—ate ŋu ana amadede ƒe vovototo si mesɔ gbɔ o (le WCAG 2.1 nuŋɔŋlɔ ƒe amadede ƒe vovototo ƒe xexlẽme si wokafu si nye 4.5:1 te kple WCAG 2.1 si menye nuŋɔŋlɔ o ƒe amadede ƒe vovototo ƒe sɔsɔme si nye 3:1 ), vevietɔ ne wozãe ɖe megbe si me kɔ. Míele dzi dem ƒo na agbalẽŋlɔlawo be woado woƒe amadede zazã tɔxɛwo kpɔ eye ne ehiã la, woatsɔ asi atrɔ asi le amadede siawo siwo woɖo ɖi ŋu/akeke wo ɖe enu be woakpɔ egbɔ be amadedewo ƒe vovototo ƒe sɔsɔme sɔ.

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 .visually-hiddenklass 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="visually-hidden">Danger: </span>
  This action is not reversible
</p>

Ne èdi be yeakpɔ nuwɔwɔ aduadu ƒe dziɖuɖu siwo woɣla ɖe nukpɔkpɔ me, abe “skip” kadodo siwo wozãna tsã ene la, zã .visually-hidden-focusableklass la. 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). Kpɔ nyuie, ne wotsɔe sɔ kple esi sɔ .sr-onlykple .sr-only-focusableklass siwo le tɔtrɔ siwo va yi me la, Bootstrap 5 ƒe .visually-hidden-focusableklass si le eɖokui si, eye mele be woazãe kpe ɖe .visually-hiddenklass la ŋu o.

<a class="visually-hidden-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ɔ me la, 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, alo sliding animation le carousels me) la, woawɔ nuwɔametɔe, kple animations siwo ŋu gɔmesese le ( abe spinners ene) la aɖiɖi.

Le web-browser siwo doa alɔ prefers-reduced-motion, kple afisiwo zãla meɖe dzesi tẽ be yeadi be woaɖe ʋuʋu dzi akpɔtɔ o (si nye afisi prefers-reduced-motion: no-preference), Bootstrap na be woate ŋu aʋuʋui nyuie to scroll-behaviornunɔamesi la zazã me.