Source

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.0 (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ọ

Pupọ awọn awọ ti o jẹ paleti aiyipada ti Bootstrap lọwọlọwọ-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 — yori si iyatọ awọ ti ko to (ni isalẹ ipin itansan awọ WCAG 2.0 ti a ṣeduro ti 4.5: 1 ) nigba lilo lodi si a ina lẹhin. Awọn onkọwe yoo nilo lati yipada pẹlu ọwọ/fikun awọn awọ aiyipada wọnyi lati rii daju awọn ipin itansan awọ to peye.

Akoonu ti o farasin loju oju

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 pato ayanfẹ wọn fun idinku išipopada, pupọ julọ awọn ipa iyipada CSS ni Bootstrap (fun apẹẹrẹ, nigbati ọrọ sisọ modal ba ṣii tabi pipade) yoo jẹ alaabo. Lọwọlọwọ, atilẹyin ni opin si Safari lori macOS ati iOS.

Awọn ohun elo afikun