Pristupačnost
Kratak pregled značajki i ograničenja Bootstrapa za stvaranje pristupačnog sadržaja.
Bootstrap pruža okvir koji je jednostavan za korištenje gotovih stilova, alata za izgled i interaktivnih komponenti, omogućujući razvojnim programerima da kreiraju web stranice i aplikacije koje su vizualno privlačne, funkcionalno bogate i dostupne odmah.
Sveukupna pristupačnost bilo kojeg projekta izgrađenog s Bootstrapom uvelike ovisi o autorovom označavanju, dodatnom stilu i skriptiranju koje je uključio. Međutim, pod uvjetom da su oni ispravno implementirani, trebalo bi biti savršeno moguće izraditi web stranice i aplikacije s Bootstrapom koje ispunjavaju WCAG 2.0 (A/AA/AAA), odjeljak 508 i slične standarde i zahtjeve pristupačnosti.
Bootstrapov stil i izgled mogu se primijeniti na širok raspon struktura označavanja. Ova dokumentacija ima za cilj pružiti programerima primjere najbolje prakse za demonstraciju upotrebe samog Bootstrapa i ilustrirati odgovarajuće semantičko označavanje, uključujući načine na koje se mogu riješiti potencijalni problemi s pristupačnošću.
Bootstrapove interaktivne komponente—kao što su modalni dijalozi, padajući izbornici i prilagođeni opisi alata—dizajnirani su da rade za korisnike dodira, miša i tipkovnice. Korištenjem relevantnih WAI - ARIA uloga i atributa, ove komponente također bi trebale biti razumljive i operabilne korištenjem pomoćnih tehnologija (kao što su čitači zaslona).
Budući da su Bootstrapove komponente namjerno dizajnirane da budu prilično generičke, autori će možda morati uključiti dodatne ARIA uloge i atribute, kao i ponašanje JavaScripta, kako bi točnije prenijeli preciznu prirodu i funkcionalnost svoje komponente. To je obično navedeno u dokumentaciji.
Većina boja koje trenutno čine Bootstrapovu zadanu paletu—koje se koriste u cijelom okviru za stvari kao što su varijacije gumba, varijacije upozorenja, indikatori provjere valjanosti obrazaca—dovode do nedovoljnog kontrasta boja (ispod preporučenog omjera kontrasta boja WCAG 2.0 od 4,5:1 ) kada se koriste protiv svijetla pozadina. Autori će morati ručno izmijeniti/proširiti ove zadane boje kako bi osigurali odgovarajuće omjere kontrasta boja.
Sadržaj koji bi trebao biti vizualno skriven, ali ostati dostupan pomoćnim tehnologijama kao što su čitači zaslona, može se stilizirati pomoću .sr-onlyklase. To može biti korisno u situacijama kada dodatne vizualne informacije ili znakove (kao što je značenje označeno upotrebom boje) također treba prenijeti nevizualnim korisnicima.
<p class="text-danger">
<span class="sr-only">Danger: </span>
This action is not reversible
</p>Za vizualno skrivene interaktivne kontrole, kao što su tradicionalne veze za preskakanje, .sr-onlymogu se kombinirati s .sr-only-focusableklasom. Ovo će osigurati da kontrola postane vidljiva nakon fokusiranja (za korisnike tipkovnice koji vide).
<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>Bootstrap uključuje podršku za prefers-reduced-motionznačajku medija . U preglednicima/okruženjima koji dopuštaju korisniku da odredi svoje postavke za smanjeno kretanje, većina CSS efekata prijelaza u Bootstrapu (na primjer, kada se otvori ili zatvori modalni dijaloški okvir) bit će onemogućena. Trenutačno je podrška ograničena na Safari na macOS-u i iOS-u.