Is dúshlán mór inrochtaineachta iad aipeanna aon leathanaigh maidir le hathruithe amharc a chur in iúl. Gan athnuachan leathanaigh, ní thógann léitheoirí scáileáin na hathruithe tábhachtacha Chomhéadain seo, rud a fhágann go mbíonn úsáideoirí lagamhairc mearbhall agus aineolach.
Réiteach amháin is ea teachtaireacht a chruthú bunaithe ar theideal an leathanaigh, agus réigiún beo ARIA a ghiaráil chun a fhógairt go sainráite, trí theachtaireacht chabhrach, go bhfuil dearcadh nua luchtaithe. Cruthaigh feidhm ar a dtugtar ar dtús nuair a dhéantar viewContent a nuashonrú. Soláthraíonn AngularJS imeacht $ viewContentLoaded chun na críche seo. Sa chód rialaitheora, éist leis an ócáid agus glaoigh ar fheidhm (i CoffeeScript):
app.controller ’PageController’, ($ raon feidhme, $ suíomh, $ http) -> $ raon feidhme. $ ar ‘$ viewContentLoaded’, fhógair_view_loaded
Sa fheidhm fhógra_view_loaded, déan teideal an leathanaigh a nuashonrú agus an teachtaireacht a fhógairt. Cé nach ndéanann creataí aon leathanaigh teidil leathanaigh a nuashonrú go huathoibríoch, má dhéantar teideal an leathanaigh a shioncronú leis an dearcadh reatha, cuirtear feabhas ar thuiscint úsáideoirí ar an radharc.
Bealach amháin chun é seo a dhéanamh ná tréith sonraí a úsáid áit éigin chun an teideal amharc a stóráil:
document.title = $ (’[data-viewtitle]’). sonraí ‘viewtitle’
Anois cruthaigh teachtaireacht ag baint úsáide as teideal nuashonraithe an leathanaigh, agus fógraigh í:
$ .announce (document.title + ’, amharc luchtaithe’)
Is feidhm jQuery é $ .announce () a úsáideann réigiún beo aonair nach bhfuil infheicthe chun ábhar a fhógairt. Cuidíonn an cur chuige seo leis an gcód agus leis na hiarrachtaí dífhabhtaithe a shimpliú i gcomparáid le húsáid ad hoc na réigiún beo. Mar sin féin, tá cúpla cleachtas is fearr le cuimhneamh.
Ar dtús, cruthaigh réigiún beo amháin ‘fógróir’ ar do leathanach chun ábhar a fhógairt ag úsáid aria-live = "dea-bhéasach | treallúsach". Ná húsáid aon réigiúin bheo eile, lena n-áirítear róil réigiún beo (e.g. role = "alert | timer | log"). Sampla de réigiún beo:
div aria-live = "dea-bhéasach" id = "fógróir"> (Fógrófar an téacs a cuireadh leis nó a nuashonrófar anseo) / div>
Sa dara háit, glan ábhar an réigiúin bheo go gairid tar éis an t-ábhar a nuashonrú. Cuireann sé seo cosc ar úsáideoirí teacht salach ar shean-theachtaireachtaí.
Mar fhocal scoir, mar atá le haon teicníc inrochtaineachta, bain úsáid as $ .announce () go tuisceanach. Níor cheart é a úsáid ach chun nuashonruithe suntasacha Chomhéadain a chur in iúl.
Focail: Patrick Fox
Is é Patrick Fox stiúrthóir teicneolaíochta Web UI ag Razorfish in Austin. Foilsíodh an t-alt seo ar dtús in eagrán 271 de ghlan-iris.
Thaitin seo leis? Léigh iad seo!
- Treoir an dearthóra maidir le hinrochtaineacht dhigiteach
- Na clónna scripte saor in aisce is fearr
- Roghnú cló graifítí saor in aisce