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.
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.
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.
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 kinaiya ug gamit sa ilang sangkap. Kasagaran kini makita sa dokumentasyon.
Kadaghanan sa mga kolor nga sa pagkakaron naglangkob sa Bootstrap's default palette—nga gigamit sa tibuok framework para sa mga butang sama sa button variation, alert variations, form validation indicators—moresulta sa dili igo nga color contrast (ubos sa girekomendar nga WCAG 2.0 color contrast ratio nga 4.5:1 ) kon gamiton 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 ma-access 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>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>