Wiwọle

Akopọ kukuru ti awọn ẹya Bootstrap ati awọn idiwọn fun ṣiṣẹda akoonu wiwọle.

Bootstrap n pese ilana ti o rọrun-si-lilo ti awọn aṣa ti a ti ṣetan, awọn irinṣẹ ipilẹ, ati awọn paati ibaraenisepo, gbigba awọn olupilẹṣẹ laaye lati ṣẹda awọn oju opo wẹẹbu ati awọn ohun elo ti o ni ifamọra oju, ọlọrọ ni iṣẹ, ati wiwọle lati inu apoti.

Akopọ ati Idiwọn

Wiwọle gbogbogbo ti eyikeyi iṣẹ akanṣe ti a ṣe pẹlu Bootstrap da ni apakan nla lori isamisi ti onkọwe, iselona afikun, ati iwe afọwọkọ ti wọn ti ṣafikun. Bibẹẹkọ, ti o ba jẹ pe iwọnyi ti ni imuse ni deede, o yẹ ki o ṣee ṣe ni pipe lati ṣẹda awọn oju opo wẹẹbu ati awọn ohun elo pẹlu Bootstrap ti o mu WCAG 2.1 (A/AA/AAA ṣẹ), Abala 508 ati awọn iṣedede iraye si ati awọn ibeere.

Siṣamisi igbekale

Iṣaṣafihan Bootstrap ati ifilelẹ le ṣee lo si ọpọlọpọ awọn ẹya isamisi pupọ. Iwe yii ni ero lati pese awọn olupilẹṣẹ pẹlu awọn apẹẹrẹ adaṣe ti o dara julọ lati ṣe afihan lilo Bootstrap funrararẹ ati ṣapejuwe isamisi atunmọ ti o yẹ, pẹlu awọn ọna eyiti awọn ifiyesi iraye si agbara le ṣe koju.

Ibanisọrọ irinše

Awọn paati ibaraenisepo Bootstrap—gẹgẹbi awọn ibaraẹnisọrọ modal, awọn akojọ aṣayan silẹ ati awọn itọsona irinṣẹ aṣa—ti ṣe apẹrẹ lati ṣiṣẹ fun ifọwọkan, Asin ati awọn olumulo keyboard. Nipasẹ lilo awọn ipa WAI - ARIA ti o yẹ ati awọn abuda, awọn paati wọnyi yẹ ki o tun ni oye ati ṣiṣe ni lilo awọn imọ-ẹrọ iranlọwọ (gẹgẹbi awọn oluka iboju).

Nitoripe awọn paati Bootstrap jẹ idi ti a ṣe apẹrẹ lati jẹ jeneriki to peye, awọn onkọwe le nilo lati ni awọn ipa ARIA siwaju ati awọn abuda, bakanna bi ihuwasi JavaScript, lati ṣafihan ni deede iseda ati iṣẹ ṣiṣe ti paati wọn. Eyi ni a ṣe akiyesi nigbagbogbo ninu iwe-ipamọ.

Iyatọ awọ

Diẹ ninu awọn akojọpọ ti awọn awọ ti o ṣe lọwọlọwọ paleti aiyipada Bootstrap — ti a lo jakejado ilana fun awọn nkan bii awọn iyatọ bọtini, awọn iyatọ titaniji, awọn ami afọwọsi fọọmu—le ja si iyatọ awọ ti ko to (ni isalẹ ipin itansan awọ ọrọ WCAG 2.1 ti a ṣeduro ti 4.5:1 ati ipin itansan awọ WCAG 2.1 ti kii ṣe ọrọ ti 3: 1 ), ni pataki nigba lilo lodi si ipilẹ ina. A gba awọn onkọwe niyanju lati ṣe idanwo awọn lilo awọ wọn pato ati, nibiti o ṣe pataki, ṣe pẹlu ọwọ yipada/fikun awọn awọ aiyipada wọnyi lati rii daju awọn ipin itansan awọ to peye.

Akoonu eyiti o yẹ ki o farapamọ oju, ṣugbọn wa ni iraye si awọn imọ-ẹrọ iranlọwọ gẹgẹbi awọn oluka iboju, le jẹ aṣa ni lilo .sr-onlykilasi naa. Eyi le wulo ni awọn ipo nibiti afikun alaye wiwo tabi awọn ifẹnule (gẹgẹbi itumo ti a tọka nipasẹ lilo awọ) nilo lati tun gbe lọ si awọn olumulo ti kii ṣe wiwo.

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

Fun awọn iṣakoso ibaraenisepo oju ti o farapamọ, gẹgẹbi awọn ọna asopọ “fofo” ibile, .sr-onlyle ni idapo pẹlu .sr-only-focusablekilasi naa. Eyi yoo rii daju pe iṣakoso yoo han ni kete ti idojukọ (fun awọn olumulo keyboard ti o rii).

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

Dinku išipopada

Bootstrap pẹlu atilẹyin fun ẹya prefers-reduced-motionmedia . Ninu awọn aṣawakiri/awọn agbegbe ti o gba olumulo laaye lati ṣalaye ayanfẹ wọn fun išipopada ti o dinku, pupọ julọ awọn ipa iyipada CSS ni Bootstrap (fun apẹẹrẹ, nigbati ọrọ sisọ modal ba ṣii tabi pipade, tabi ere idaraya sisun ni awọn carousels) yoo jẹ alaabo, ati awọn ohun idanilaraya ti o nilari ( gẹgẹbi awọn alayipo) yoo fa fifalẹ.