Pieejamība

Īss pārskats par Bootstrap funkcijām un ierobežojumiem pieejama satura izveidei.

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.

Pārskats un ierobežojumi

Jebkura projekta, kas izveidots ar Bootstrap, vispārējā pieejamība lielā mērā ir atkarīga no autora marķējuma, 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.

Strukturālais marķējums

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.

Interaktīvie komponenti

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ā.

Krāsu kontrasts

Most colors that currently make up Bootstrap’s default palette—used throughout the framework for things such as button variations, alert variations, form validation indicators—lead to insufficient color contrast (below the recommended WCAG 2.0 color contrast ratio of 4.5:1) when used against a light background. Authors will need to manually modify/extend these default colors to ensure adequate color contrast ratios.

Content which should be visually hidden, but remain accessible to assistive technologies such as screen readers, can be styled using the .sr-only class. This can be useful in situations where additional visual information or cues (such as meaning denoted through the use of color) need to also be conveyed to non-visual users.

<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>

Samazināta kustība

Bootstrap ietver atbalstu prefers-reduced-motionmultivides funkcijai . Pārlūkprogrammās/vidēs, kas ļauj lietotājam norādīt savu preferenci samazinātai kustībai, lielākā daļa CSS pārejas efektu programmā Bootstrap (piemēram, kad tiek atvērts vai aizvērts modālais dialoglodziņš vai slīdošā animācija karuseļos) tiks atspējoti.