Pieejamība
Īss pārskats par Bootstrap funkcijām un ierobežojumiem, lai izveidotu pieejamu saturu.
Bootstrap nodrošina viegli lietojamu gatavu stilu, izkārtojuma rīku un interaktīvu komponentu ietvaru, ļaujot izstrādātājiem izveidot vizuāli pievilcīgas, funkcionāli bagātas un pieejamas jau no kastes.
Jebkura projekta, kas izveidots ar Bootstrap, vispārējā pieejamība lielā mērā ir atkarīga no autora iezīmēšanas, papildu stila un skripta, ko viņi ir iekļāvuši. Tomēr, ja tie ir ieviesti pareizi, ar Bootstrap vajadzētu būt pilnīgi iespējamam izveidot vietnes un lietojumprogrammas, kas atbilst WCAG 2.0 (A/AA/AAA), 508. sadaļai un līdzīgiem pieejamības standartiem un prasībām.
Bootstrap stilu un izkārtojumu var izmantot plašam iezīmēšanas struktūru klāstam. Šīs dokumentācijas mērķis ir sniegt izstrādātājiem labākās prakses piemērus, lai demonstrētu paša Bootstrap izmantošanu un ilustrētu atbilstošu semantisko iezīmēšanu, tostarp veidus, kā novērst iespējamās pieejamības problēmas.
Bootstrap interaktīvie komponenti, piemēram, modālie dialoglodziņi, nolaižamās izvēlnes un pielāgoti rīka padomi, ir izstrādāti tā, lai tie darbotos pieskāriena, peles un tastatūras lietotājiem. Izmantojot attiecīgās WAI — ARIA lomas un atribūtus, šiem komponentiem jābūt arī saprotamiem un izmantojamiem, izmantojot palīgtehnoloģijas (piemēram, ekrāna lasītājus).
Tā kā Bootstrap komponenti ir apzināti izstrādāti tā, lai tie būtu diezgan vispārīgi, autoriem, iespējams, būs jāiekļauj papildu ARIA lomas un atribūti, kā arī JavaScript darbība, lai precīzāk atspoguļotu to komponenta precīzo raksturu un funkcionalitāti. Parasti tas ir norādīts dokumentācijā.
Lielākā daļa krāsu, kas pašlaik veido Bootstrap noklusējuma paleti (kas tiek izmantotas visā sistēmā, piemēram, pogu variācijām, brīdinājumu variācijām, veidlapu apstiprināšanas indikatoriem), rada nepietiekamu krāsu kontrastu (zem ieteicamā WCAG 2.0 krāsu kontrasta attiecības 4,5:1 ), ja tās lieto pret . gaišs fons. Autoriem šīs noklusējuma krāsas būs manuāli jāmaina/pagarina, lai nodrošinātu atbilstošu krāsu kontrasta attiecību.
Saturu, kas ir vizuāli paslēpts, bet joprojām ir pieejams palīgtehnoloģijām, piemēram, ekrāna lasītājiem, var veidot, izmantojot .sr-onlyklasi. Tas var būt noderīgi situācijās, kad papildu vizuālā informācija vai norādes (piemēram, nozīme, kas apzīmēta, izmantojot krāsu) ir jānodod arī lietotājiem, kas nav vizuāli.
<p class="text-danger">
<span class="sr-only">Danger: </span>
This action is not reversible
</p>Vizuāli slēptās interaktīvās vadīklas, piemēram, tradicionālās “izlaist” saites, .sr-onlyvar apvienot ar .sr-only-focusableklasi. Tas nodrošinās, ka vadīkla kļūst redzama pēc fokusēšanas (redzīgiem tastatūras lietotājiem).
<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>