Вақте ки сухан дар бораи муошират дар бораи тағиротҳои назар мерасад, барномаҳои яксаҳифа барои дастрасӣ мушкилоти ҷиддӣ эҷод мекунанд. Бе тару тоза кардани саҳифа, хонандагони экран ин тағиротҳои муҷиби интерфейсро намегиранд ва корбарони заифро дар ҳайрат ва бехабар мемонанд.
Яке аз роҳҳо ин сохтани паём дар асоси унвони саҳифа ва истифодаи минтақаи мустақими ARIA мебошад, то тавассути паёми муфид дар бораи бори нав бори аввал эълом кунад. Аввал функсияеро эҷод кунед, ки ҳангоми навсозии viewContent номида мешавад. AngularJS барои ин мақсад $ viewContentLoaded чорабиниро пешниҳод мекунад. Дар коди нозир, ҳодисаро гӯш кунед ва функсияро даъват кунед (дар CoffeeScript):
app.controller 'PageController', ($ kapsam, $ ҷойгиршавӣ, $ http) -> $ kapsam. $ on '$ viewContentLoaded', annunciation_view_loaded
Дар функсияи annunciation_view_loaded сарлавҳаи саҳифаро навсозӣ кунед ва паёмро эълон кунед. Дар ҳоле ки чаҳорчӯбаҳои яксаҳфаӣ унвонҳои саҳифаро ба тариқи худкор навсозӣ намекунанд, нигоҳ доштани унвони саҳифа бо намуди ҳозира ҳамфаҳмии фаҳмиши корбаронро дар бораи он беҳтар мекунад.
Яке аз роҳҳои ин кор истифодаи атрибутсияи маълумот дар ягон ҷой дар намуди нигоҳ доштани унвони намоиш мебошад:
document.title = $ (’[data-viewtitle]’). data ’viewtitle’.
Акнун бо истифода аз сарлавҳаи саҳифаи нав паём эҷод кунед ва онро эълон кунед:
$ .announce (document.title + ’, намуди боршуда ')
$ .announce () функсияи jQuery мебошад, ки барои эълони мундариҷа як минтақаи мустақими ба чашм намоёнро истифода намекунад. Ин равиш дар муқоиса бо истифодаи муваққатии минтақаҳои зинда содда кардани коди ва ислоҳи хато кӯмак мекунад. Бо вуҷуди ин, чанд таҷрибаи пешқадамро дар ёд доштан лозим аст.
Аввалан, дар саҳифаи худ як минтақаи ‘диктор '-ро эҷод кунед, то мундариҷаро бо истифодаи aria-live =" polite | assertive "эълон кунед. Минтақаҳои дигари зинда, аз ҷумла нақшҳои минтақаи мустақимро истифода набаред (масалан, role = "alert | timer | log"). Мисоли минтақаи зинда:
div aria-live = "polite" id = "e'lonбар"> (Матни илова ва навсозӣ дар ин ҷо эълон карда мешавад) / div>
Дуюм, мундариҷаи минтақаи мустақимро пас аз навсозӣ кардани мундариҷа тоза кунед. Ин корбаронро аз пешпо хӯрдани паёмҳои кӯҳна пешгирӣ мекунад.
Ниҳоят, ба монанди ҳама гуна техникаи дастрасӣ, $ .announce () -ро оқилона истифода баред. Он бояд танҳо барои муошират бо навсозиҳои назарраси UI истифода шавад.
Суханҳо: Патрик Фокс
Патрик Фокс директори технологияи UI дар Razorfish дар Остин мебошад. Ин мақола аслан дар шумораи 271 маҷаллаи нет нашр шудааст.
Ин ба шумо писанд омад? Инҳоро бихонед!
- Роҳнамои дизайнер оид ба дастрасии рақамӣ
- Беҳтарин ҳуруфҳои скрипти ройгон
- Интихоби ройгони граффити