Inrochtaineacht
Forbhreathnú gairid ar ghnéithe agus teorainneacha Bootstrap chun ábhar inrochtana a chruthú.
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 iomlán aon tionscadail a thógtar le Bootstrap go mór ar mharcáil an údair, ar an stíliú 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ú.
Ábhar i bhfolach ó thaobh amhairc
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-hidden
rang. 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-focusable
rang. 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-only
agus na .sr-only-focusable
ranganna i leaganacha roimhe seo, .visually-hidden-focusable
is rang neamhspleách é Bootstrap 5's, agus ní féidir é a úsáid in éineacht leis an .visually-hidden
rang.
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
Tairiscint laghdaithe
Áirítear le Bootstrap tacaíocht don prefers-reduced-motion
ghné 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-preference
scroll-behavior
Acmhainní breise
- Treoirlínte um Inrochtaineacht Ábhar Gréasáin (WCAG) 2.1
- An Tionscadal A11Y
- Doiciméadú inrochtaineachta MDN
- Tenon.io Seiceálaí Inrochtaineachta
- Anailíseoir Codarsnachta Datha (CCA)
- Leabharmharcanna “HTML Codesniffer” chun saincheisteanna inrochtaineachta a shainaithint
- Léargais Inrochtaineachta Microsoft
- Uirlisí tástála Deque tua
- Réamhrá ar Inrochtaineacht Gréasáin