Nneɛma a wotumi nya

Bootstrap no nneɛma ne anohyeto ahorow a ɛwɔ nneɛma a wotumi nya mu a wɔyɛ no ho nsɛm tiawa.

Bootstrap ma nhyehyɛe a ɛnyɛ den sɛ wode bedi dwuma a ɛyɛ akwan a wɔasiesie, nhyehyɛe nnwinnade, ne nkitahodi afã horow, na ɛma wɔn a wɔyɛ no tumi yɛ wɛbsaet ne aplikeshɔn ahorow a ɛyɛ anigye wɔ aniwa so, ɛyɛ adwuma yiye, na wotumi kɔ so fi adaka no mu.

Nsɛm a Wɔaka Afa Ho ne Anohyeto Ahorow

Dwumadie biara a wɔde Bootstrap asi no nyinaa a wɔbɛtumi anya no gyina ɔkyerɛwfoɔ no agyiraeɛhyɛdeɛ, styling foforɔ, ne scripting a wɔde aka ho no so kɛseɛ. Nanso, sɛ wɔde eyinom adi dwuma yiye a, ɛsɛ sɛ ɛyɛ yiye koraa sɛ wode Bootstrap bɛyɛ wɛbsaet ne aplikeshɔn ahorow a edi WCAG 2.0 (A/AA/AAA), Ɔfa 508 ne gyinapɛn ne ahwehwɛde ahorow a ɛte saa ara a ɛfa akwan a wɔfa so nya nneɛma ho no ba mu.

Nhyehyɛe ho agyiraehyɛde

Bootstrap no styling ne layout betumi adi dwuma wɔ markup nhyehyɛe ahorow pii mu. Saa nwoma yi botae ne sɛ ɛbɛma developers anya nhwɛsoɔ a ɛyɛ papa a wɔde bɛkyerɛ Bootstrap ankasa a wɔde di dwuma na akyerɛ nkyerɛaseɛ agyiraeɛhyɛdeɛ a ɛfata, a akwan a wɔbɛfa so adi nsɛm a ɛbɛtumi aba sɛ wɔbɛnya no ho dwuma ka ho.

Nneɛma a ɛma wotumi ne afoforo di nkitaho

Bootstrap no nkitahodi afã horow—te sɛ modal nkɔmmɔbɔ, dropdown menus ne custom tooltips—wɔayɛ no sɛ ɛbɛyɛ adwuma ama wɔn a wɔde wɔn nsa ka, mouse ne keyboard di dwuma. Ɛnam WAI - ARIA dwumadie ne su ahodoɔ a ɛfa ho a wɔde di dwuma so no, ɛsɛ sɛ saa nneɛma yi nso yɛ nea wɔte aseɛ na ɛyɛ adwuma denam mfiridwuma a ɛboa (te sɛ screen readers) so.

Esiane sɛ wɔahyɛ da ayɛ Bootstrap no afã horow no sɛnea ɛbɛyɛ a ɛbɛyɛ nea ɛfa nneɛma nyinaa ho yiye nti, ebia ɛho behia sɛ akyerɛwfo de ARIA dwumadi ne su afoforo ka ho, ne JavaScript nneyɛe nso, na ama wɔada wɔn fã no su ne ne dwumadi pɔtee adi pɛpɛɛpɛ. Wɔtaa hyɛ eyi nsow wɔ nkrataa no mu.

Kɔla ahorow a ɛne ne ho bɔ abira

Kɔla dodow no ara a mprempren ɛyɛ Bootstrap default palette—a wɔde di dwuma wɔ framework no nyinaa mu ma nneɛma te sɛ button nsakrae, kɔkɔbɔ nsakrae, form validation indicators—ma kɔla nsonsonoe a ɛnnɔɔso (a ɛwɔ WCAG 2.0 kɔla nsonsonoe ratio a wɔkamfo kyerɛ a ɛyɛ 4.5:1 ase ) bere a wɔde di dwuma tia akyi a ɛyɛ hann. Ɛho behia sɛ akyerɛwfo de wɔn nsa sesa/trɛw kɔla ahorow a wɔahyɛ da ayɛ yi mu na ama wɔanya kɔla ahorow a ɛne ne ho bɔ abira a ɛfata.

Nsɛm a ɛsɛ sɛ wɔde sie wɔ aniwa so, nanso ɛkɔ so yɛ nea mfiridwuma a ɛboa te sɛ screen readers betumi anya bi no, wobetumi de .sr-onlyadesuakuw no ayɛ no sɛnea wɔpɛ. Eyi betumi ayɛ nea mfaso wɔ so wɔ tebea horow a ɛho hia sɛ wɔde nsɛm foforo a wɔde aniwa hu anaa nsɛnkyerɛnne (te sɛ ntease a wɔde kɔla a wɔde di dwuma kyerɛ) nso ma wɔn a wɔnyɛ nea wɔde di dwuma no mu.

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

Sɛ wɔde aniwa so ahintaw nkitahodi controls, te sɛ atetesɛm “skip” links, .sr-onlybetumi aka .sr-only-focusableadesuakuw no ho. Wei bɛhwɛ sɛ control no bɛyɛ nea wotumi hu bere a wɔde w’adwene asi so pɛn (ma wɔn a wɔde keyboard di dwuma a wohu ade).

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

Kankyee a wɔatew so

Bootstrap no ka ho bi ne mmoa a wɔde ma prefers-reduced-motionmedia afã no . Wɔ browser/atwa yɛn ho ahyia a ɛma ɔdefo no kwan ma ɔkyerɛ nea ɔpɛ ma kankyee a wɔatew so no, CSS nsakrae nsunsuanso dodow no ara wɔ Bootstrap mu (sɛ nhwɛso no, bere a wɔabue modal nkɔmmɔbɔ bi anaa wɔato mu) no bɛyɛ adwuma. Mprempren, mmoa no yɛ Safari nkutoo wɔ macOS ne iOS so.