Pāriet uz galveno saturu Pāriet uz dokumentu navigāciju
Check
in English

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 ir jābūt pilnīgi iespējamam izveidot vietnes un lietojumprogrammas, kas atbilst WCAG 2.1 (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

Dažas krāsu kombinācijas, 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, var izraisīt nepietiekamu krāsu kontrastu (zem ieteicamā WCAG 2.1 teksta krāsu kontrasta attiecības 4,5:1 un WCAG 2.1 bezteksta krāsu kontrasta attiecība 3:1 ), it īpaši, ja to lieto uz gaiša fona. Autori tiek aicināti pārbaudīt savus īpašos krāsu lietojumus un, ja nepieciešams, manuāli modificēt/pagarināt šīs noklusējuma krāsas, 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 .visually-hiddenklasi. 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="visually-hidden">Danger: </span>
  This action is not reversible
</p>

Vizuāli slēptām interaktīvām vadīklām, piemēram, tradicionālām “izlaistām” saitēm, izmantojiet .visually-hidden-focusableklasi. Tas nodrošinās, ka vadīkla kļūst redzama pēc fokusēšanas (redzīgiem tastatūras lietotājiem). Uzmanieties, salīdzinot ar ekvivalentu .sr-onlyun .sr-only-focusableklasēm iepriekšējās versijās, Bootstrap 5 .visually-hidden-focusableir atsevišķa klase, un to nedrīkst izmantot kopā ar .visually-hiddenklasi.

<a class="visually-hidden-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, un jēgpilnas animācijas ( piemēram, vērpēji) tiks palēnināts.

Pārlūkprogrammās, kas atbalsta prefers-reduced-motion, un ja lietotājs nav skaidri norādījis, ka viņš dod priekšroku samazinātai kustībai (ti, kur prefers-reduced-motion: no-preference), Bootstrap nodrošina vienmērīgu ritināšanu, izmantojot scroll-behaviorīpašumu.

Papildu resursi