Source

Alirebleco

Mallonga superrigardo de la funkcioj kaj limigoj de Bootstrap por la kreado de alirebla enhavo.

Bootstrap provizas facile uzeblan kadron de pretaj stiloj, aranĝaj iloj kaj interagaj komponantoj, permesante al programistoj krei retejojn kaj aplikaĵojn, kiuj estas vide allogaj, funkcie riĉaj kaj alireblaj el la skatolo.

Superrigardo kaj Limigoj

La ĝenerala alirebleco de iu ajn projekto konstruita kun Bootstrap dependas grandparte de la markado de la aŭtoro, kroma stilado kaj skribo, kiun ili inkludis. Tamen, kondiĉe ke ĉi tiuj estis ĝuste efektivigitaj, devus esti perfekte eble krei retejojn kaj aplikojn kun Bootstrap kiuj plenumas WCAG 2.0 (A/AA/AAA), Sekcion 508 kaj similajn alireblajn normojn kaj postulojn.

Struktura markado

La stilo kaj aranĝo de Bootstrap povas esti aplikitaj al larĝa gamo de markadaj strukturoj. Ĉi tiu dokumentaro celas provizi programistojn per plej bonaj praktikaj ekzemploj por pruvi la uzon de Bootstrap mem kaj ilustri taŭgan semantikan markadon, inkluzive de manieroj kiel eblaj zorgoj pri alirebleco povas esti traktitaj.

Interagaj komponantoj

La interagaj komponantoj de Bootstrap—kiel modalaj dialogoj, falmenuoj kaj kutimaj konsiletoj—estas dezajnitaj por funkcii por uzantoj de tuŝo, muso kaj klavaro. Per la uzo de koncernaj WAI - ARIA roloj kaj atributoj, ĉi tiuj komponantoj ankaŭ devus esti kompreneblaj kaj operacieblaj uzante helpajn teknologiojn (kiel ekranlegiloj).

Ĉar la komponentoj de Bootstrap estas intence dizajnitaj por esti sufiĉe senmarkaj, verkintoj eble bezonos inkludi pliajn ARIA- rolojn kaj atributojn, same kiel JavaScript-konduton, por pli precize transdoni la precizan naturon kaj funkciecon de sia komponento. Ĉi tio estas kutime notita en la dokumentado.

Kolora kontrasto

Plej multaj koloroj, kiuj nuntempe konsistigas la defaŭltan paletron de Bootstrap—uzataj ĉie en la kadro por aferoj kiel ekzemple butonvarioj, atentigvarioj, formvalidigadindikiloj—kondukas al nesufiĉa kolorkontrasto (sub la rekomendita WCAG 2.0 kolorkontrastoproporcio de 4.5:1 ) kiam uzata kontraŭ hela fono. Aŭtoroj devos mane modifi/etendi ĉi tiujn defaŭltajn kolorojn por certigi taŭgajn kolorkontrastajn proporciojn.

Vide kaŝita enhavo

Enhavo kiu devus esti vide kaŝita, sed resti alirebla por helpaj teknologioj kiel ekzemple ekranlegiloj, povas esti stilita uzante la .sr-onlyklason. Tio povas esti utila en situacioj kie kromaj vidaj informoj aŭ signalvortoj (kiel ekzemple signifo indikita per la uzo de koloro) ankaŭ devas esti peritaj al nevidaj uzantoj.

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

Por videble kaŝitaj interagaj kontroloj, kiel tradiciaj "salti" ligiloj, .sr-onlypovas esti kombinitaj kun la .sr-only-focusableklaso. Ĉi tio certigos, ke la kontrolo fariĝas videbla post kiam fokusita (por vidantaj klavaruzantoj).

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

Reduktita moviĝo

Bootstrap inkluzivas subtenon por la prefers-reduced-motionamaskomunikila funkcio . En retumiloj/medioj kiuj permesas al la uzanto specifi sian preferon por reduktita moviĝo, la plej multaj CSS-transiraj efikoj en Bootstrap (ekzemple, kiam modala dialogo estas malfermita aŭ fermita) estos malŝaltitaj. Nuntempe, subteno estas limigita al Safaro ĉe macOS kaj iOS.

Pliaj rimedoj