Source

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

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.

Vizuāli slēpts saturs

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>

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ņš) tiks atspējoti. Pašlaik atbalsts ir pieejams tikai Safari operētājsistēmās macOS un iOS.

Papildu resursi