Аднастаронкавыя праграмы ўяўляюць сабой сур'ёзную праблему даступнасці, калі гаворка ідзе пра паведамленне пра змены выгляду. Без абнаўлення старонкі счытвальнікі з экрана не падбіраюць гэтыя важныя змены карыстацкага інтэрфейсу, робячы карыстальнікаў са слабым зрокам разгубленымі і не падазраючы.
Адно з рашэнняў - стварыць паведамленне на аснове загалоўка старонкі і выкарыстоўваць ARIA live region, каб праз карыснае паведамленне відавочна паведаміць пра загрузку новага выгляду. Спачатку стварыце функцыю, якая выклікаецца пры абнаўленні viewContent. Для гэтага AngularJS прадастаўляе падзею $ viewContentLoaded. У кодзе кантролера праслухайце падзею і выклічце функцыю (у CoffeeScript):
app.controller 'PageController', ($ scope, $ location, $ http) -> $ scope. $ on '$ viewContentLoaded', identify_view_loaded
У функцыі inform_view_loaded абнавіце загаловак старонкі і абвясціце паведамленне. Хоць фреймворкі на адной старонцы не аўтаматычна абнаўляюць загалоўкі, сінхранізацыя загалоўка старонкі з бягучым выглядам паляпшае разуменне карыстальнікамі выгляду.
Адзін са спосабаў зрабіць гэта - выкарыстаць атрыбут data дзесьці ў праглядзе для захоўвання загалоўка прагляду:
document.title = $ ('[data-viewtitle]'). data 'прагляд загалоўка'
Цяпер стварыце паведамленне, выкарыстоўваючы абноўлены загаловак старонкі, і абвясціце яго:
$ .announce (document.title + ’, прагляд загружаны’)
$ .announce () - гэта функцыя jQuery, якая выкарыстоўвае адзіную нябачную жывую вобласць для абвяшчэння змесціва. Такі падыход дапамагае спрасціць код і намаганні па адладцы ў параўнанні са спецыяльным выкарыстаннем жывых рэгіёнаў. Аднак трэба памятаць некалькі лепшых практык.
Па-першае, стварыце адзіны рэгіён "дыктара" ў рэжыме рэальнага часу, каб паведамляць пра змест, выкарыстоўваючы aria-live = "ветліва | напорыста". Не выкарыстоўвайце іншыя жывыя рэгіёны, уключаючы ролі жывога рэгіёна (напрыклад, role = "alert | timer | log"). Прыклад жывога рэгіёну:
div aria-live = "ветлівы" id = "дыктар"> (Тэкст дададзены або абноўлены будзе абвешчаны) / div>
Па-другое, ачысціце змесціва жывой вобласці неўзабаве пасля абнаўлення змесціва. Гэта прадухіляе карыстальнікаў спатыкацца са старымі паведамленнямі.
Нарэшце, як і ў любой тэхніцы даступнасці, выкарыстоўвайце $ .announce () разважліва. Ён павінен выкарыстоўвацца толькі для перадачы значных абнаўленняў карыстацкага інтэрфейсу.
Словы: Патрык Фокс
Патрык Фокс - дырэктар па тэхналогіях Інтэрнэт-інтэрфейсу ў Razorfish у Осціне. Гэты артыкул першапачаткова з'явіўся ў нумары 271 часопіса net.
Спадабалася гэта? Прачытайце гэтыя!
- Кіраўніцтва дызайнера па лічбавай даступнасці
- Лепшыя бясплатныя шрыфты сцэнарыяў
- Бясплатны выбар шрыфта графіці