ແອັບ apps ໜ້າ ດຽວສ້າງຄວາມທ້າທາຍໃນການເຂົ້າເຖິງທີ່ ສຳ ຄັນເມື່ອເວົ້າເຖິງການປ່ຽນແປງຂອງການສື່ສານ. ຖ້າບໍ່ມີການໂຫຼດ ໜ້າ ຈໍຄືນ, ຜູ້ອ່ານ ໜ້າ ຈໍບໍ່ເກັບເອົາການປ່ຽນແປງ UI ທີ່ ສຳ ຄັນເຫລົ່ານີ້, ເຮັດໃຫ້ຜູ້ຊົມໃຊ້ທີ່ມີຄວາມບົກຜ່ອງດ້ານວິໄສທັດສັບສົນແລະບໍ່ຮູ້ຕົວ.
ວິທີແກ້ໄຂ ໜຶ່ງ ແມ່ນການສ້າງຂໍ້ຄວາມໂດຍອີງໃສ່ຫົວຂໍ້ ໜ້າ, ແລະ ນຳ ໃຊ້ພາກພື້ນທີ່ມີຊີວິດຂອງ ARIA ເພື່ອປະກາດຢ່າງຈະແຈ້ງ, ຜ່ານຂໍ້ຄວາມທີ່ເປັນປະໂຫຍດ, ເຊິ່ງມຸມມອງ ໃໝ່ ໄດ້ໂຫລດ. ທຳ ອິດສ້າງຟັງຊັນທີ່ເອີ້ນວ່າເມື່ອ viewContent ຖືກອັບເດດແລ້ວ. AngularJS ສະ ໜອງ ເຫດການ $ viewContentLoaded ສຳ ລັບຈຸດປະສົງນີ້. ໃນລະຫັດຄວບຄຸມ, ຟັງ ສຳ ລັບເຫດການແລະໂທຫາຟັງຊັນ (ໃນ CoffeeScript):
app.controller 'PageController', ($ ຂອບເຂດ, $ ສະຖານທີ່, $ http) -> $ ຂອບເຂດ. $ on '$ viewContentLoaded', ປະກາດ _view_loaded
ໃນ ໜ້າ ທີ່ປະກາດ _view_loaded, ປັບປຸງຫົວຂໍ້ ໜ້າ ແລະປະກາດຂ່າວສານ. ໃນຂະນະທີ່ກອບ ໜ້າ ດຽວບໍ່ໄດ້ປັບປຸງຫົວຂໍ້ ໜ້າ ໂດຍອັດຕະໂນມັດ, ການຮັກສາຫົວຂໍ້ຫນ້າໃຫ້ຖືກຊິ້ງກັບມຸມມອງປັດຈຸບັນເຮັດໃຫ້ຄວາມເຂົ້າໃຈຂອງຜູ້ຊົມໃຊ້ມີຄວາມເຂົ້າໃຈສູງຂື້ນ.
ວິທີ ໜຶ່ງ ໃນການເຮັດສິ່ງນີ້ແມ່ນການໃຊ້ຄຸນລັກສະນະຂອງຂໍ້ມູນຢູ່ບ່ອນໃດບ່ອນ ໜຶ່ງ ເພື່ອເບິ່ງຊື່ຫົວຂໍ້:
document.title = $ ('[data-viewtitle]'). ຂໍ້ມູນ 'viewtitle'
ຕອນນີ້ສ້າງຂໍ້ຄວາມໂດຍໃຊ້ຫົວຂໍ້ ໜ້າ ທີ່ຖືກປັບປຸງແລ້ວ, ແລະປະກາດມັນ:
$. ປະກາດ (ເອກະສານ. ສິດ + ', ເບິ່ງ ໜ້າ ໂຫລດ))
$ .announce () ແມ່ນ ໜ້າ ທີ່ຂອງ jQuery ທີ່ໃຊ້ພື້ນທີ່ສົດທີ່ບໍ່ສາມາດເບິ່ງເຫັນໄດ້ເພື່ອປະກາດເນື້ອຫາ. ວິທີການນີ້ຊ່ວຍໃຫ້ລະຫັດງ່າຍດາຍແລະຄວາມພະຍາຍາມແກ້ໄຂເມື່ອທຽບກັບການ ນຳ ໃຊ້ເຂດທີ່ມີຊີວິດຊີວາ. ເຖິງຢ່າງໃດກໍ່ຕາມ, ມີການປະຕິບັດທີ່ດີທີ່ສຸດ ຈຳ ນວນ ໜຶ່ງ ທີ່ຕ້ອງຈື່.
ທຳ ອິດ, ສ້າງພາກພື້ນທີ່ມີຊີວິດຊີວາຂອງຜູ້ປະກາດຂ່າວດຽວໃນຫນ້າຂອງທ່ານເພື່ອປະກາດເນື້ອຫາໂດຍໃຊ້ aria-live = "ສຸພາບ | ຍືນຍັນ". ຢ່າໃຊ້ພາກພື້ນທີ່ມີຊີວິດຊີວາອື່ນໆ, ລວມທັງພາລະບົດບາດຂອງພາກພື້ນທີ່ມີຊີວິດ (ເຊັ່ນ: ບົດບາດ = "ເຕືອນ | ເວລາ | ບັນທຶກ"). ພາກພື້ນທີ່ມີຊີວິດຕົວຢ່າງ:
div aria-live = "ສຸພາບ" id = "ຜູ້ປະກາດຂ່າວສານ"> (ຂໍ້ຄວາມທີ່ເພີ່ມຫລືປັບປຸງໃນນີ້ຈະຖືກປະກາດ) / div>
ທີສອງ, ລ້າງເນື້ອໃນຂອງພາກພື້ນທີ່ມີຊີວິດຊີວາທັນທີຫຼັງຈາກປັບປຸງເນື້ອໃນ. ນີ້ປ້ອງກັນຜູ້ໃຊ້ຈາກການສະດຸດລົ້ມຂໍ້ຄວາມເກົ່າ.
ສຸດທ້າຍ, ຄືກັບເຕັກນິກການເຂົ້າເຖິງໃດ ໜຶ່ງ, ໃຫ້ໃຊ້ $ .announce () ຢ່າງສຸພາບ. ມັນຄວນຈະຖືກ ນຳ ໃຊ້ເພື່ອສື່ສານການອັບເດດ UI ທີ່ ສຳ ຄັນເທົ່ານັ້ນ.
ຄຳ ເວົ້າ: Patrick Fox
Patrick Fox ເປັນຜູ້ ອຳ ນວຍການດ້ານເທັກໂນໂລຍີ Web UI ທີ່ Razorfish ໃນ Austin. ບົດຂຽນນີ້ປະກົດຂື້ນໃນສະບັບ 271 ຂອງວາລະສານສຸດທິ.
ມັກນີ້ບໍ? ອ່ານເຫຼົ່ານີ້!
- ຄູ່ມືຂອງນັກອອກແບບກ່ຽວກັບການເຂົ້າເຖິງດິຈິຕອນ
- ຕົວອັກສອນຟຣີທີ່ດີທີ່ສຸດ
- ການເລືອກຕົວອັກສອນແບບ graffiti ຟຣີ
