Көрүнүштүн өзгөрүшү жөнүндө сүйлөшүүгө келгенде, бир барактуу колдонмолор олуттуу мүмкүнчүлүктөрдү жаратат. Баракты жаңыртпастан, экран окурмандары бул маанилүү UI өзгөрүүлөрүн кабыл алышпайт, андыктан көрүүсү начар колдонуучулар түшүнүксүз абалда калышат.
Чечимдердин бири - баракчанын аталышына негизделген билдирүү түзүү жана ARIA түз регионун пайдалуу билдирүү аркылуу жаңы көрүнүш жүктөлгөнүн ачык жарыялоо. Алгач viewContent жаңырганда чакырылган функцияны түзүңүз. AngularJS бул максатта $ viewContentLoaded окуясын берет. Контроллердин кодунан окуяны угуп, функцияны чакырыңыз (CoffeeScript ичинде):
app.controller 'PageController', ($ көлөмү, $ жайгашкан жери, $ http) -> $ көлөмү. $ on '$ viewContentLoaded', annunciation_view_loaded
Annunciation_view_loaded функциясында барактын аталышын жаңыртып, билдирүүнү жарыялаңыз. Бир барактык алкактар барактын аталыштарын автоматтык түрдө жаңыртпаса, барактын аталышын учурдагы көрүнүш менен шайкештештирип туруу колдонуучулардын көрүнүштү түшүнүүсүн жакшыртат.
Мунун бир жолу - көрүнүш аталышын сактоо үчүн көрүнүштүн кайсы бир жеринде маалымат атрибутун колдонуу.
document.title = $ (’[data-viewtitle]’). data ’viewtitle’
Эми жаңыртылган барактын аталышын пайдаланып билдирүү түзүп, аны жарыялаңыз:
$ .announce (document.title + ’, көрүү жүктөлдү ')
$ .announce () - jQuery функциясы, ал мазмунду жарыялоо үчүн бир гана көрүнбөгөн жандуу аймакты колдонот. Бул ыкма түз региондорду убактылуу колдонууга салыштырмалуу кодду жана мүчүлүштүктөрдү оңдоо аракеттерин жөнөкөйлөтүүгө жардам берет. Бирок, бир нече мыкты тажрыйбаларды эстей кетүү керек.
Биринчиден, ария-live = "сылык-сыпаа | ырастоочу" аркылуу мазмунду жарыялоо үчүн, баракчаңызда бир ‘диктор’ түз ободо аймак түзүңүз. Башка жандуу региондорду, анын ичинде жандуу ролдорду колдонбоңуз (мис. Role = "alert | timer | log"). Түз аймактын мисалы:
div aria-live = "polite" id = "annonitor"> (Бул жерге кошулган же жаңыртылган текст жарыяланат) / div>
Экинчиден, мазмунун жаңырткандан көп өтпөй, түз ободогу мазмунун тазалаңыз. Бул колдонуучулардын эски билдирүүлөргө тоскоол болушуна жол бербейт.
Акыры, бардык жеткиликтүүлүк ыкмаларындагыдай эле, $ .announce () колдонуп, акылдуулук менен пайдаланыңыз. Аны олуттуу UI жаңыртууларын билдирүү үчүн гана колдонуу керек.
Сөздөр: Патрик Фокс
Патрик Фокс - Остиндеги Razorfish компаниясынын Web UI технологиялык директору. Бул макала алгач net журналынын 271-санында чыккан.
Бул жактыбы? Буларды оку!
- Санариптик жеткиликтүүлүк боюнча дизайнердин колдонмосу
- Мыкты акысыз скрипт ариптери
- Акысыз граффити шрифти тандоо
