Seko ni dɔnko

Bootstrap ka baarakɛcogo n’a dantigɛliw ɲɛfɔli surun ye kunnafoni sɔrɔlenw dilanni na.

Nin ɲɛ in kan

Bootstrap bɛ baarakɛcogo nɔgɔn dɔ di, min bɛ kɛ ni cogoya labɛnnenw ye, labɛnminɛnw, ani fɛnw minnu bɛ se ka ɲɔgɔn sɔrɔ, o bɛ kɛ sababu ye ka baarakɛlaw bila ka sitiw ni baarakɛminɛnw dilan minnu bɛ mɔgɔ ɲɛnajɛ, minnu bɛ baara kɛ kosɛbɛ, ani minnu bɛ se ka sɔrɔ ka bɔ kɛsu kɔnɔ.

Kunnafoni kunbabaw ani dantigɛliw

Porozɛ o porozɛ min jɔra ni Bootstrap ye, o bɛɛ lajɛlen sɔrɔli bɛ bɔ sɛbɛnnikɛla ka taamasiyɛnw na, a cogoya wɛrɛw la, ani u ye sɛbɛnni minnu don a kɔnɔ. Nka, ni ninnu kɛra ka ɲɛ, a ka kan ka kɛ cogo dafalen na ka sitiw ni baarakɛminɛnw dilan ni Bootstrap ye minnu bɛ WCAG 2.1 (A/AA/AAA), Sigida 508 , ani o ɲɔgɔnna sɔrɔli sariyaw ni wajibiw dafa.

Jateblaw ka taamasiyɛnw

Bootstrap ka cogoya ni a labɛncogo bɛ se ka kɛ taamasiyɛnw jɔcogo caman na. Nin sɛbɛn in kun ye ka misali ɲumanw di baarakɛlaw ma walasa ka Bootstrap yɛrɛ baaracogo jira ani ka kɔrɔko taamasiyɛn bɛnnenw jira, ka fara fɛɛrɛw kan minnu bɛ se ka kɛ haminankow ye minnu bɛ se ka sɔrɔ sɔrɔli la.

Fɛn minnu bɛ kɛ ɲɔgɔn fɛ

Bootstrap ka baarakɛminɛnw—i n’a fɔ modal dialogues, dropdown menus, ani custom tooltips—u dabɔra ka baara kɛ magali, sosɛti ani klaviyeti baarakɛlaw ye. WAI - ARIA jɔyɔrɔw ni jogo minnu bɛ tali kɛ u la, olu baara fɛ, o yɔrɔw fana ka kan ka faamuya ani ka baara kɛ ni dɛmɛ fɛɛrɛw ye (i n’a fɔ ɛkran kalanbagaw).

Ikomi Bootstrap ka yɔrɔw dabɔra ni laɲini ye walasa u ka kɛ fɛn bɛɛ ye, sɛbɛnnikɛlaw bɛ se ka ARIA jɔyɔrɔw ni fɛn wɛrɛw don a kɔnɔ, ka fara JavaScript kɛcogo kan, walasa k’u yɔrɔ cogoya n’a baarakɛcogo tigitigi jira ka ɲɛ. A ka c’a la, o bɛ kɔlɔsi sɛbɛnw kɔnɔ.

Kulɛriw danfara

Kulɛri dɔw faralen ɲɔgɔn kan minnu bɛ Bootstrap ka paleti fɔlɔ kɛ sisan—min bɛ kɛ karamɔgɔya bɛɛ kɔnɔ fɛnw kama i n’a fɔ butɔni caman ɲɔgɔnna, lasɔmini caman ɲɔgɔnna, foroko sɛgɛsɛgɛli jiralanw—o bɛ se ka kɛ sababu ye ka kulɛri danfara bɛrɛ tɛ ( WCAG 2.1 sɛbɛnni kulɛri danfara hakɛ min fɔra, n’o ye 4,5:1 ye , o jukɔrɔ ani WCAG 2.1 min tɛ sɛbɛnni ye, o ye 3:1 ye ), kɛrɛnkɛrɛnnenya la ni a bɛ baara kɛ ni kɔkanna yeelen ye. A bɛ dusu don sɛbɛnnikɛlaw kɔnɔ u k’u ka kulɛri kɛcogo kɛrɛnkɛrɛnnenw kɔrɔbɔ ani ni a mago bɛ o la, u ka o kulɛri kɔrɔw sɛmɛntiya/ka u janya ni bolo ye walasa ka kulɛri danfara hakɛ bɛnnenw sɔrɔ.

Kɔnɔkow minnu ka kan ka dogo ɲɛ na, nka minnu ka kan ka to ka sɔrɔ dɛmɛ fɛɛrɛw fɛ i n’a fɔ ɛkran kalanbagaw, olu bɛ se ka kɛ cogoya la ni .visually-hiddenkalan ye. O bɛ se ka nafa sɔrɔ ko minnu na, kunnafoni wɛrɛw walima taamasiyɛn wɛrɛw (i n’a fɔ kɔrɔ min jiralen don kulɛri baara fɛ) fana ka kan ka lase baarakɛlaw ma minnu tɛ yelenw ye.

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

Walasa ka kunnafoni-falen-falen-minɛnw dogolenw ye, i n’a fɔ laadala “skip” jɛgɛnsira, baara kɛ ni .visually-hidden-focusablekalan ye. O bɛna a to kunnafonisɛbɛn bɛ ye ni a ɲɛsinnen don siɲɛ kelen (klaviyeti ɲɛnamaw fɛ). Aw ye aw janto a la, n’i y’a suma ni a bɔɲɔgɔnko .sr-onlyni .sr-only-focusablekalansenw ye minnu bɛ bɔko tɛmɛnenw na, Bootstrap 5’s .visually-hidden-focusableye kalasi jɔlen ye, wa a man kan ka baara kɛ ni .visually-hiddenkalansen ye ka fara ɲɔgɔn kan.

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

Lamaga-lamagali dɔgɔyali

Bootstrap kɔnɔ , dɛmɛ bɛ sɔrɔ prefers-reduced-motionkunnafonidilanw na . Navigatɛriw/laminiw kɔnɔ minnu b’a to baarakɛla bɛ se k’a ka fɛɛrɛ jira lamaga dɔgɔyali la, CSS jiginni nɔ fanba bɛ Bootstrap kɔnɔ (misali la, ni modal dialogue dɔ dabɔra walima ni a datugulen don, walima ni animation sliding bɛ carousels kɔnɔ) bɛna bali, ani animation kɔrɔw ( i n’a fɔ spinners) bɛna sumaya.

Navigatɛri minnu bɛ dɛmɛ don prefers-reduced-motion, ani yɔrɔ minnu na baarakɛla ma taamasiyɛn jira k’a jɛya ko u b’a fɛ ka lamaga dɔgɔya (o kɔrɔ ye ko yɔrɔ min na prefers-reduced-motion: no-preference), Bootstrap bɛ se ka sɛgɛsɛgɛli kɛ ka ɲɛ ni scroll-behaviornafolo ye.