Source

Dostopnost

Kratek pregled funkcij in omejitev programa Bootstrap za ustvarjanje dostopne vsebine.

Bootstrap ponuja ogrodje, ki je preprosto za uporabo že pripravljenih slogov, orodij za postavitev in interaktivnih komponent, kar razvijalcem omogoča ustvarjanje spletnih mest in aplikacij, ki so vizualno privlačne, funkcionalno bogate in dostopne takoj po namestitvi.

Pregled in omejitve

Splošna dostopnost katerega koli projekta, zgrajenega z Bootstrapom, je v veliki meri odvisna od avtorjevih oznak, dodatnega sloga in skriptov, ki jih je vključil. Če pa so bili ti pravilno implementirani, bi moralo biti popolnoma mogoče ustvariti spletna mesta in aplikacije z Bootstrapom, ki izpolnjujejo WCAG 2.0 (A/AA/AAA), razdelek 508 in podobne standarde in zahteve glede dostopnosti.

Strukturna oznaka

Slog in postavitev Bootstrapa je mogoče uporabiti za širok nabor označevalnih struktur. Namen te dokumentacije je razvijalcem ponuditi primere najboljše prakse za prikaz uporabe samega Bootstrapa in ponazoriti ustrezno semantično oznako, vključno z načini, na katere je mogoče obravnavati morebitne težave glede dostopnosti.

Interaktivne komponente

Interaktivne komponente Bootstrapa, kot so modalna pogovorna okna, spustni meniji in namigi orodij po meri, so zasnovane tako, da delujejo za uporabnike z dotikom, miško in tipkovnico. Z uporabo ustreznih vlog in atributov WAI - ARIA morajo biti te komponente tudi razumljive in uporabne z uporabo podpornih tehnologij (kot so bralniki zaslona).

Ker so komponente Bootstrapa namenoma zasnovane tako, da so dokaj splošne, bodo avtorji morda morali vključiti dodatne vloge in atribute ARIA ter vedenje JavaScripta, da bi natančneje predstavili natančno naravo in funkcionalnost svoje komponente. To je običajno navedeno v dokumentaciji.

Barvni kontrast

Večina barv, ki trenutno sestavljajo Bootstrapovo privzeto paleto – ki se uporabljajo v celotnem ogrodju za stvari, kot so različice gumbov, različice opozoril, indikatorji za preverjanje obrazca – povzroči nezadostni barvni kontrast (pod priporočenim barvnim kontrastnim razmerjem WCAG 2.0 4,5:1 ), kadar se uporablja proti svetlo ozadje. Avtorji bodo morali ročno spremeniti/razširiti te privzete barve, da zagotovijo ustrezna barvna kontrastna razmerja.

Vizualno skrita vsebina

Vsebino, ki bi morala biti vizualno skrita, vendar ostati dostopna podpornim tehnologijam, kot so bralniki zaslona, ​​je mogoče oblikovati z uporabo .sr-onlyrazreda. To je lahko uporabno v situacijah, ko je treba dodatne vizualne informacije ali znake (kot je pomen, označen z uporabo barve) prenesti tudi nevizualnim uporabnikom.

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

Za vizualno skrite interaktivne kontrole, kot so tradicionalne povezave »preskok«, .sr-onlyje mogoče kombinirati z .sr-only-focusablerazredom. To bo zagotovilo, da postane kontrolnik viden, ko je fokusiran (za uporabnike tipkovnice, ki vidijo).

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

Zmanjšano gibanje

Bootstrap vključuje podporo za prefers-reduced-motionpredstavnostno funkcijo . V brskalnikih/okoljih, ki uporabniku omogočajo, da določi svoje nastavitve za zmanjšano gibanje, bo večina učinkov prehoda CSS v Bootstrapu (na primer, ko se odpre ali zapre modalno pogovorno okno) onemogočena. Trenutno je podpora omejena na Safari v sistemih macOS in iOS.

Dodatni viri