Inrochtaineacht

Forbhreathnú gairid ar ghnéithe agus teorainneacha Bootstrap chun ábhar inrochtana a chruthú.

Ar an leathanach seo

Soláthraíonn Bootstrap creat éasca le húsáid de stíleanna réidh-déanta, uirlisí leagan amach, agus comhpháirteanna idirghníomhacha, a ligeann d’fhorbróirí láithreáin ghréasáin agus feidhmchláir a chruthú atá tarraingteach ó thaobh amhairc, saibhir ó thaobh feidhme de, agus inrochtana as an mbosca.

Forbhreathnú agus teorainneacha

Braitheann inrochtaineacht fhoriomlán aon tionscadail a thógtar le Bootstrap go mór ar mharcáil an údair, ar stíleanna breise agus ar an script a chuir siad san áireamh. Mar sin féin, ar choinníoll go bhfuil siad seo curtha i bhfeidhm i gceart, ba cheart go mbeifí in ann suíomhanna gréasáin agus feidhmchláir a chruthú le Bootstrap a chomhlíonann WCAG 2.1 (A/AA/AAA), Alt 508 , agus caighdeáin agus ceanglais inrochtaineachta comhchosúla.

Marcáil struchtúrach

Is féidir stíleáil agus leagan amach Bootstrap a chur i bhfeidhm ar raon leathan struchtúr marcála. Tá sé mar aidhm ag an gcáipéisíocht seo samplaí dea-chleachtais a sholáthar d’fhorbróirí chun úsáid Bootstrap féin a léiriú agus marcáil shéimeantach chuí a léiriú, lena n-áirítear bealaí inar féidir aghaidh a thabhairt ar imní inrochtaineachta féideartha.

Comhpháirteanna idirghníomhacha

Tá comhpháirteanna idirghníomhacha Bootstrap - mar dialóga módúla, biachláir anuas, agus leideanna saincheaptha - deartha chun oibriú d'úsáideoirí tadhaill, luiche agus méarchláir. Trí róil agus tréithe ábhartha WAI - ARIA a úsáid , ba cheart go mbeadh na comhpháirteanna seo sothuigthe agus inoibrithe ag baint úsáide as teicneolaíochtaí cúnta (cosúil le léitheoirí scáileáin).

Toisc go bhfuil comhpháirteanna Bootstrap deartha d’aon ghnó le bheith cothrom cineálach, b’fhéidir go mbeadh ar na húdair róil agus tréithe breise ARIA , chomh maith le hiompar JavaScript, a chur san áireamh chun nádúr beacht agus feidhmiúlacht a gcomhpháirt a chur in iúl ar bhealach níos cruinne. Tugtar faoi deara é seo de ghnáth sna doiciméid.

Codarsnacht dathanna

D’fhéadfadh go n-eascródh codarsnacht datha neamhleor as meascáin áirithe dathanna a chomhdhéanann pailéad réamhshocraithe Bootstrap – a úsáidtear ar fud an chreata le haghaidh rudaí ar nós athruithe cnaipe, athruithe foláirimh, táscairí bailíochtaithe foirmeacha (faoi bhun an chóimheas codarsnachta datha téacs WCAG 2.1 molta de 4.5:1 agus cóimheas codarsnachta dathanna neamhthéacs WCAG 2.1 de 3:1 ), go háirithe nuair a úsáidtear é i gcoinne chúlra solais. Spreagtar údair chun a n-úsáidí sonracha datha a thástáil agus, nuair is gá, na dathanna réamhshocraithe sin a mhodhnú/leathnú de láimh chun cóimheasa codarsnachta datha leordhóthanacha a áirithiú.

Is féidir ábhar ba chóir a bheith i bhfolach ó thaobh amhairc, ach a fhanann inrochtana do theicneolaíochtaí cúnta ar nós léitheoirí scáileáin, a stíleáil ag baint úsáide as an .visually-hiddenrang. D’fhéadfadh sé seo a bheith úsáideach i gcásanna ina bhfuil gá le faisnéis amhairc bhreise nó leideanna (amhail an bhrí a shainítear trí dhath a úsáid) a chur in iúl d’úsáideoirí neamhamhairc freisin.

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

Le haghaidh rialuithe idirghníomhacha atá i bhfolach ó thaobh amhairc, mar naisc thraidisiúnta “scipeáil”, bain úsáid as an .visually-hidden-focusablerang. Cinnteoidh sé seo go mbeidh an rialú infheicthe nuair a bheidh sé dírithe (d’úsáideoirí méarchláir a bhfuil radharc orthu). Bí ag faire amach, i gcomparáid leis na coibhéisí .sr-onlyagus na .sr-only-focusableranganna i leaganacha roimhe seo, .visually-hidden-focusableis rang neamhspleách é Bootstrap 5's, agus ní féidir é a úsáid in éineacht leis an .visually-hiddenrang.

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

Tairiscint laghdaithe

Áirítear le Bootstrap tacaíocht don prefers-reduced-motionghné meán . I mbrabhsálaithe/timpeallacht a ligeann don úsáideoir a rogha maidir le gluaisne laghdaithe a shonrú, díchumasófar formhór na n-éifeachtaí trasdula CSS in Bootstrap (mar shampla, nuair a osclaítear nó nuair a dhúnfar dialóg mhódúil, nó nuair a dhéantar an bheochan sleamhnáin sna timpealláin), agus beidh beochan brí ( mar shampla spinners) a mhoilliú.

Ar na brabhsálaithe a thacaíonn le , agus sa chás nach bhfuil séprefers-reduced-motion tugtha le fios go soiléir ag an úsáideoir gur fearr leo gluaisne laghdaithe (.i. áit a bhfuil ), cumasaíonn Bootstrap scrollú mín ag baint úsáide as an airí.prefers-reduced-motion: no-preferencescroll-behavior