Source

Accessibility

Usa ka mubo nga kinatibuk-ang pagtan-aw sa mga bahin sa Bootstrap ug mga limitasyon alang sa paghimo sa ma-access nga sulud.

Naghatag ang Bootstrap og usa ka dali gamiton nga balangkas sa andam na nga mga istilo, kahimanan sa layout, ug mga interactive nga sangkap, nga gitugotan ang mga developer sa paghimo og mga website ug aplikasyon nga makapadani sa panan-aw, dato nga magamit, ug ma-access sa gawas sa kahon.

Overview ug Limitasyon

Ang kinatibuk-ang accessibility sa bisan unsang proyekto nga gitukod gamit ang Bootstrap nagdepende sa dakong bahin sa markup sa tagsulat, dugang nga estilo, ug scripting nga ilang gilakip. Bisan pa, kung kini gipatuman sa husto, kinahanglan nga hingpit nga posible ang paghimo sa mga website ug aplikasyon nga adunay Bootstrap nga nagtuman sa WCAG 2.0 (A / AA / AAA), Seksyon 508 ug parehas nga mga sumbanan ug kinahanglanon sa pagka-access.

Structural markup

Ang estilo ug layout sa Bootstrap mahimong magamit sa usa ka halapad nga mga istruktura sa markup. Kini nga dokumentasyon nagtumong sa paghatag sa mga developers sa pinakamaayong praktis nga mga ehemplo aron ipakita ang paggamit sa Bootstrap mismo ug iilustrar ang tukma nga semantic markup, lakip ang mga paagi diin ang posibleng mga problema sa accessibility mahimong matubag.

Interactive nga mga sangkap

Ang mga interactive nga sangkap sa Bootstrap—sama sa modal dialogs, dropdown menus ug custom tooltips—gidesinyo aron magamit sa mga tiggamit sa paghikap, mouse ug keyboard. Pinaagi sa paggamit sa mga may kalabutan nga WAI - ARIA nga mga tahas ug mga hiyas, kini nga mga sangkap kinahanglan usab nga masabtan ug magamit gamit ang mga teknolohiya nga makatabang (sama sa mga magbabasa sa screen).

Tungod kay ang mga sangkap sa Bootstrap gituyo nga gidesinyo aron mahimong medyo generic, ang mga tagsulat mahimong kinahanglan nga maglakip sa dugang nga mga tahas ug mga kinaiya sa ARIA , ingon man ang pamatasan sa JavaScript, aron mas tukma nga ipahayag ang tukma nga kinaiyahan ug gamit sa ilang sangkap. Kasagaran kini makita sa dokumentasyon.

Ang kalainan sa kolor

Kadaghanan sa mga kolor nga karon naglangkob sa default palette sa Bootstrap—gigamit sa tibuuk nga balangkas alang sa mga butang sama sa mga pagbag-o sa butones, mga pagbag-o sa alerto, mga indikasyon sa pag-validate sa porma—mosangput sa dili igo nga kalainan sa kolor (ubos sa girekomenda nga WCAG 2.0 nga kolor nga contrast ratio nga 4.5: 1 ) kung gigamit batok sa hayag nga background. Ang mga tagsulat kinahanglan nga mano-mano nga usbon / palawigon kini nga mga default nga mga kolor aron masiguro ang igo nga mga ratio sa pagtandi sa kolor.

Makita nga tinago nga sulud

Ang sulud nga kinahanglan nga makita nga gitago, apan magpabilin nga magamit sa mga teknolohiya nga makatabang sama sa mga magbabasa sa screen, mahimong i-istilo gamit ang .sr-onlyklase. Mahimong mapuslanon kini sa mga sitwasyon diin ang dugang nga biswal nga impormasyon o mga pahibalo (sama sa kahulogan nga gipaila pinaagi sa paggamit sa kolor) kinahanglan usab nga ipaabot ngadto sa dili biswal nga tiggamit.

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

Para sa visually hidden interactive controls, sama sa tradisyonal nga "skip" links, .sr-onlymahimong ikombinar sa .sr-only-focusableklase. Kini makasiguro nga ang kontrol mahimong makita sa higayon nga naka-focus (alang sa makita nga mga tiggamit sa keyboard).

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

Pagkunhod sa paglihok

Ang Bootstrap naglakip sa suporta alang sa prefers-reduced-motionbahin sa media . Sa mga browser/kalibotan nga nagtugot sa user sa pagtino sa ilang gusto alang sa pagkunhod sa paglihok, kadaghanan sa CSS transition effects sa Bootstrap (pananglitan, kung ang modal dialog giablihan o gisirad-an) ma-disable. Sa pagkakaron, ang suporta limitado sa Safari sa macOS ug iOS.

Dugang nga mga kapanguhaan