Апликације за једну страницу представљају значајан изазов за приступачност када је реч о комуницирању промена приказа. Без освежавања странице читачи екрана не прихватају ове важне промене корисничког интерфејса, што оставља кориснике оштећеног вида збуњеним и несвесним.
Једно од решења је стварање поруке засноване на наслову странице и коришћење АРИА живог региона да путем корисне поруке експлицитно објави да се учитао нови приказ. Прво креирајте функцију која се позива када се виевЦонтент ажурира. У ту сврху АнгуларЈС пружа догађај $ виевЦонтентЛоадед. У коду контролера преслушајте догађај и позовите функцију (у ЦоффееСцрипт-у):
апп.цонтроллер ’ПагеЦонтроллер’, ($ опсег, $ локација, $ хттп) -> $ опсег. $ на ’$ виевЦонтентЛоадед’, анноунце_виев_лоадед
У функцији идентифи_виев_лоадед ажурирајте наслов странице и објавите поруку. Иако оквири за једну страницу не ажурирају аутоматски наслове страница, синхронизација наслова странице са тренутним приказом побољшава разумевање приказа од стране корисника.
Један од начина да се то уради је употреба атрибута података негде у приказу за чување наслова погледа:
доцумент.титле = $ (’[дата-виевтитле]’). дата ‘виевтитле’
Сада креирајте поруку помоћу ажурираног наслова странице и објавите је:
$ .анноунце (доцумент.титле + ’, приказ учитан’)
$ .анноунце () је јКуери функција која користи једну, невидљиву регију уживо за објављивање садржаја. Овај приступ помаже поједностављењу кода и напора за отклањање грешака у поређењу са ад хоц употребом живих региона. Међутим, има неколико најбољих пракси које треба запамтити.
Прво створите јединствени регион за најаву уживо на вашој страници да бисте најавили садржај користећи ариа-ливе = "пристојно | асертивно". Не користите ниједан други живи регион, укључујући улоге живог региона (нпр. Роле = "алерт | тимер | лог"). Пример живе регије:
див ариа-ливе = "љубазно" ид = "најављивач"> (Текст ће бити додат или ажуриран овде) / див>
Друго, очистите садржај живе области убрзо након ажурирања садржаја. Ово спречава кориснике да налете на старе поруке.
И на крају, као и код било које технике приступачности, разумно користите $ .анноунце (). Требало би да се користи само за комуницирање значајних ажурирања корисничког интерфејса.
Речи: Патрицк Фок
Патрицк Фок је директор Веб УИ технологије у компанији Разорфисх у Аустину. Овај чланак се првобитно појавио у броју 271 часописа нет.
Свиђа вам се ово? Прочитајте ово!
- Дизајнеров водич за дигиталну приступачност
- Најбољи бесплатни фонтови за скрипте
- Бесплатан избор фонтова за графите