Accessibility

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

Naghatag ang Bootstrap og usa ka dali gamiton nga balangkas sa andam na nga mga istilo, mga tool sa layout, ug mga interactive nga sangkap, nga gitugotan ang mga developer nga maghimo 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 panig-ingnan sa pagpakita sa paggamit sa Bootstrap mismo ug pag-ilustrar sa tukma nga semantic markup, lakip na 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—gidisenyo 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.

Ang sulud nga kinahanglan nga makita nga gitago, apan magpabilin nga magamit sa mga makatabang nga teknolohiya 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>

Alang sa makita nga tinago nga interactive nga mga kontrol, sama sa tradisyonal nga "laktawan" nga mga link, .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 browsers/environments nga nagtugot sa user sa pagtino sa ilang gusto alang sa pagkunhod sa motion, kadaghanan sa CSS transition effects sa Bootstrap (pananglitan, kung ang usa ka modal dialog ablihan o sirado, o ang sliding animation sa carousels) ma-disable.