Forrit á einni síðu eru veruleg aðgengisáskorun þegar kemur að því að miðla áhorfsbreytingum. Án uppfærslu á síðu taka skjálesarar ekki upp þessar mikilvægu breytingar á notendaviðmótinu og láta sjónskerta notendur ruglast og ekki vita.
Ein lausnin er að búa til skilaboð sem byggja á titli síðunnar og nýta ARIA lifandi svæði til að tilkynna skýrt með hjálp skilaboðum að ný sýn hafi hlaðist. Búðu fyrst til aðgerð sem er kölluð þegar viewContent er uppfært. AngularJS veitir $ viewContentLoaded atburð í þessum tilgangi. Í stjórnandakóðanum, hlustaðu eftir atburðinum og hringdu í aðgerð (í CoffeeScript):
app.controller ‘PageController’, ($ scope, $ location, $ http) -> $ scope. $ on ‘$ viewContentLoaded’, announce_view_loaded
Í aðgerðinni announce_view_loaded, uppfærðu síðuheiti og tilkynntu skilaboðin. Þó að eins blaðs rammar uppfæri ekki síðuheiti sjálfkrafa bætir skilningur notenda á sýninni að halda síðuheitinu samstillt við núverandi sýn.
Ein leið til að gera þetta er að nota gagnaeiginleika einhvers staðar á skjánum til að geyma titil útsýnis:
document.title = $ (’[data-viewtitle]’). gögn ‘viewtitle’
Búðu nú til skilaboð með því að nota uppfærða titil síðunnar og tilkynntu þau:
$ .announce (document.title + ’, skoða hlaðin’)
$ .announce () er jQuery aðgerð sem notar eitt, ekki sýnilegt lifandi svæði til að tilkynna efni. Þessi aðferð hjálpar til við að einfalda kóða og kembiforrit viðleitni í samanburði við sérstaka notkun lifandi svæða. Hins vegar eru nokkrar bestu leiðir sem þarf að muna.
Fyrst skaltu búa til eitt „live“ svæði á síðunni þinni til að tilkynna efni með aria-live = "kurteis | fullyrðing". Ekki nota nein önnur lifandi svæði, þar með talin lifandi svæði (t.d. role = "alert | timer | log"). Dæmi um lifandi svæði:
div aria-live = "kurteis" id = "tilkynnandi"> (Texti bætt við eða uppfærður hér verður tilkynntur) / div>
Í öðru lagi, hreinsaðu innihald lifandi svæðisins stuttu eftir að uppfæra innihaldið. Þetta kemur í veg fyrir að notendur lendi í gömlum skilaboðum.
Að lokum, eins og með alla aðgengi tækni, notaðu $ .announce () af skynsemi. Það ætti aðeins að nota til að miðla mikilvægum uppfærslum HÍ.
Orð: Patrick Fox
Patrick Fox er tæknistjóri vef HÍ hjá Razorfish í Austin. Þessi grein birtist upphaflega í 271 tölublaði net tímaritsins.
Líkaði þetta? Lestu þessar!
- Handbók hönnuðar um stafrænt aðgengi
- Bestu ókeypis leturgerð handritanna
- Ókeypis val á veggjakroti