Ruigsinneachd

Sealladh farsaing air feartan agus crìochan Bootstrap airson susbaint ruigsinneach a chruthachadh.

Air an duilleig seo

Tha Bootstrap a’ toirt seachad frèam furasta a chleachdadh de stoidhlichean deiseil, innealan cruth, agus co-phàirtean eadar-ghnìomhach, a’ leigeil le luchd-leasachaidh làraich-lìn agus tagraidhean a chruthachadh a tha tarraingeach gu fradharcach, beairteach le gnìomhachd agus ruigsinneach a-mach às a’ bhogsa.

Sealladh farsaing agus crìochan

Tha ruigsinneachd iomlan pròiseact sam bith a chaidh a thogail le Bootstrap gu mòr an urra ri comharrachadh an ùghdair, an stoidhle a bharrachd, agus an sgrìobhadh a tha iad air a ghabhail a-steach. Ach, fhad ‘s a tha iad sin air an cur an gnìomh gu ceart, bu chòir gum biodh e comasach gu foirfe làraich-lìn agus tagraidhean a chruthachadh le Bootstrap a choileanas WCAG 2.1 (A/AA/AAA), Earrann 508 , agus inbhean is riatanasan ruigsinneachd coltach ris.

Comharrachadh structarail

Faodar stoidhle agus cruth Bootstrap a chuir an sàs ann an raon farsaing de structaran comharrachaidh. Tha an sgrìobhainn seo ag amas air eisimpleirean de chleachdadh as fheàrr a thoirt do luchd-leasachaidh gus cleachdadh Bootstrap fhèin a nochdadh agus comharrachadh semantach iomchaidh a nochdadh, a’ toirt a-steach dòighean anns an gabh dèiligeadh ri draghan ruigsinneachd.

Co-phàirtean eadar-ghnìomhach

Tha co-phàirtean eadar-ghnìomhach Bootstrap - leithid còmhraidhean modal, clàran-bìdh sìos, agus molaidhean innealan àbhaisteach - air an dealbhadh gus obrachadh airson luchd-cleachdaidh suathadh, luchag agus meur-chlàr. Tro bhith a’ cleachdadh dhleastanasan agus buadhan buntainneach WAI - ARIA , bu chòir na co-phàirtean sin a bhith so-thuigsinn agus so-obrachail a’ cleachdadh teicneòlasan cuideachaidh (leithid leughadairean sgrion).

Leis gu bheil co-phàirtean Bootstrap air an dealbhadh a dh’aona ghnothach airson a bhith an ìre mhath coitcheann, is dòcha gum feum ùghdaran a bhith a’ toirt a-steach tuilleadh dhleastanasan agus buadhan ARIA , a bharrachd air giùlan JavaScript, gus nàdar agus comas-gnìomh na co-phàirt aca a chuir an cèill nas mionaidiche. Mar as trice tha seo air a chomharrachadh anns na sgrìobhainnean.

Coltas dath

Dh’ fhaodadh cuid de choimeasgaidhean de dhhathan a tha an-dràsta a’ dèanamh suas am paileas bunaiteach aig Bootstrap - air a chleachdadh air feadh an fhrèama airson rudan leithid atharrachaidhean putan, atharrachaidhean rabhaidh, comharran dearbhaidh cruth - gu leòr eadar-dhealachadh dath (fon cho-mheas eadar-dhealaichte dath teacsa WCAG 2.1 de 4.5: 1). agus an co-mheas eadar-dhealachadh dath neo-theacsa WCAG 2.1 de 3: 1 ), gu sònraichte nuair a thèid a chleachdadh an aghaidh cùl-raon aotrom. Thathas a’ brosnachadh ùghdaran gus na cleachdaidhean sònraichte dath aca a dhearbhadh agus, far a bheil sin riatanach, na dathan bunaiteach sin atharrachadh/leudachadh le làimh gus dèanamh cinnteach gu bheil co-mheasan dath iomchaidh ann.

Faodar susbaint a bu chòir a bhith falaichte gu fradharcach, ach a tha fhathast ruigsinneach do theicneòlasan cuideachail leithid leughadairean sgrion, a stialladh a’ cleachdadh a’ .visually-hiddenchlas. Faodaidh seo a bhith feumail ann an suidheachaidhean far am feumar fiosrachadh lèirsinneach a bharrachd no sanasan (leithid brìgh air a chomharrachadh tro bhith a’ cleachdadh dath) a thoirt do luchd-cleachdaidh neo-lèirsinneach cuideachd.

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

Airson smachdan eadar-ghnìomhach a tha falaichte gu fradharcach, leithid ceanglaichean “sgiobalta” traidiseanta, cleachd an .visually-hidden-focusableclas. Nì seo cinnteach gum bi an smachd ri fhaicinn aon uair ‘s gu bheil fòcas aige (airson luchd-cleachdaidh meur-chlàr le sealladh). Coimhead a-mach, an taca ris an fheadhainn co-ionann .sr-onlyagus .sr-only-focusableclasaichean ann an dreachan a dh’ fhalbh, is e clas leis fhèin a th’ ann am Bootstrap 5's .visually-hidden-focusable, agus cha bu chòir a chleachdadh còmhla ris a’ .visually-hiddenchlas.

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

Gluasad nas lugha

Tha Bootstrap a’ toirt a-steach taic airson prefers-reduced-motionfeart nam meadhanan . Ann am brobhsairean / àrainneachdan a leigeas leis an neach-cleachdaidh an roghainn gluasad nas lugha a shònrachadh, bidh a’ mhòr-chuid de bhuaidhean gluasaid CSS ann am Bootstrap (mar eisimpleir, nuair a thèid còmhradh modal fhosgladh no dùnadh, no am beòthalachd sleamhnachaidh ann an carousels) à comas, agus beòthachaidhean brìoghmhor ( mar luchd-snìomh) a bhi mall.

Air brobhsairean a bheir taic do prefers-reduced-motion, agus far nach eil an neach-cleachdaidh air innse gu soilleir gum b’ fheàrr leotha gluasad nas lugha (ie càite prefers-reduced-motion: no-preference), tha Bootstrap a’ comasachadh scrollaidh rèidh a’ cleachdadh an scroll-behaviortogalaich.