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 awọn 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. Sibẹsibẹ, ti o ba jẹ pe a ti ṣe imuse wọnyi 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 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 .visually-hiddenkilasi 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="visually-hidden">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, lo .visually-hidden-focusablekilasi naa. Eyi yoo rii daju pe iṣakoso yoo han ni kete ti idojukọ (fun awọn olumulo keyboard ti o rii). Ṣọra, ni akawe si deede .sr-onlyati .sr-only-focusableawọn kilasi ni awọn ẹya ti o kọja, Bootstrap 5's .visually-hidden-focusablejẹ kilasi ti o ni imurasilẹ, ati pe ko gbọdọ lo ni apapo pẹlu .visually-hiddenkilasi naa.
<a class="visually-hidden-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ẹ.
Lori awọn aṣawakiri ti o ṣe atilẹyin prefers-reduced-motion, ati nibiti olumulo ko ti ṣe ifihan ni gbangba pe wọn fẹ išipopada idinku (ie nibiti prefers-reduced-motion: no-preference), Bootstrap jẹ ki yi lọ dandan nipa lilo ohun- scroll-behaviorini naa.