Source

Aksesibilitas

Tinjauan ringkes fitur Bootstrap sareng watesan pikeun nyiptakeun kontén anu tiasa diaksés.

Bootstrap nyayogikeun kerangka gaya anu siap-siap, alat perenah, sareng komponén interaktif anu gampang dianggo, ngamungkinkeun para pamekar nyiptakeun situs wéb sareng aplikasi anu pikaresepeun sacara visual, beunghar sacara fungsional, sareng tiasa diaksés kaluar tina kotak.

Tinjauan jeung Watesan

Aksesibilitas sakabéh proyék naon waé anu diwangun ku Bootstrap sabagian ageung gumantung kana markup pangarang, gaya tambahan, sareng skrip anu aranjeunna kalebet. Nanging, upami ieu parantos dilaksanakeun leres, kedah sampurna pikeun nyiptakeun situs wéb sareng aplikasi nganggo Bootstrap anu nyumponan WCAG 2.0 (A / AA / AAA), Bagian 508 sareng standar sareng syarat aksés anu sami.

Markup struktural

Gaya sareng perenah Bootstrap tiasa diterapkeun kana rupa-rupa struktur markup. Dokuméntasi ieu boga tujuan pikeun nyadiakeun pamekar jeung conto prakték pangalusna pikeun demonstrate pamakéan Bootstrap sorangan tur ngagambarkeun markup semantik luyu, kaasup cara nu masalah aksés aksés poténsial bisa kajawab.

komponén interaktif

Komponén interaktif Bootstrap—sapertos dialog modal, ménu lungsur sareng tip alat khusus—dirancang pikeun dianggo pikeun pangguna touch, mouse sareng keyboard. Ngaliwatan panggunaan peran sareng atribut WAI - ARIA anu relevan , komponén-komponén ieu ogé kedah kaharti sareng tiasa dianggo nganggo téknologi anu ngabantosan (sapertos pamiarsa layar).

Kusabab komponén Bootstrap ngahaja dirancang janten cukup umum, pangarang panginten kedah ngalebetkeun peran sareng atribut ARIA salajengna , ogé paripolah JavaScript, pikeun langkung akurat nepikeun sifat sareng fungsionalitas komponénna. Ieu biasana dicatet dina dokuméntasi.

Kontras warna

Kaseueuran warna anu ayeuna janten palét standar Bootstrap - dianggo sapanjang kerangka pikeun hal-hal sapertos variasi tombol, variasi waspada, indikator validasi formulir - ngakibatkeun kontras warna anu henteu cekap (sahandapeun rasio kontras warna WCAG 2.0 anu disarankeun 4.5: 1 ) nalika dianggo ngalawan. latar tukang caang. Panulis kedah sacara manual ngarobih / manjangkeun warna standar ieu pikeun mastikeun rasio kontras warna anu nyukupan.

Eusi disumputkeun sacara visual

Eusi anu kedah disumputkeun sacara visual, tapi tetep tiasa diaksés ku téknologi anu ngabantosan sapertos pamiarsa layar, tiasa digayakeun nganggo .sr-onlykelas. Ieu tiasa mangpaat dina situasi dimana informasi visual tambahan atawa cues (saperti harti dilambangkeun ngaliwatan pamakéan warna) kudu ogé jadi conveyed ka pamaké non-visual.

<p class="text-danger">
  <span class="sr-only">Danger: </span>
  This action is not reversible
</p>

Pikeun kadali interaktif visually disumputkeun, kayaning "skip" Tumbu tradisional, .sr-onlybisa digabungkeun jeung .sr-only-focusablekelas. Ieu bakal mastikeun yén kadali janten katingali sakali fokus (pikeun pamaké keyboard sighted).

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

Ngurangan gerak

Bootstrap kalebet dukungan pikeun prefers-reduced-motionfitur média . Dina browser/lingkungan nu ngidinan pamaké pikeun nangtukeun preferensi maranéhna pikeun ngurangan gerak, lolobana épék transisi CSS dina Bootstrap (contona, lamun dialog modal dibuka atawa ditutup, atawa animasi ngageser dina carousels) bakal ditumpurkeun.

sumberdaya tambahan