ດຶງດູດຜູ້ອ່ານຫລາຍຂຶ້ນດ້ວຍເວັບໄຊທີ່ເຫມາະສົມກັບຄວາມຕ້ອງການຂອງທຸກໆຄົນ
ໂດຍການເຮັດໃຫ້ເວັບໄຊທ໌ຂອງທ່ານສາມາດເຂົ້າເຖິງຄົນພິການໄດ້, ທ່ານກໍ່ຈະສາມາດເຂົ້າເຖິງທຸກຄົນ. ໃນຄວາມເປັນຈິງ, ການເຮັດໃຫ້ເວັບໄຊທ໌ຂອງທ່ານສາມາດເຂົ້າເຖິງໄດ້ເຖິງແມ່ນວ່າຈະຊ່ວຍໃຫ້ຄົນຊອກຫາເວັບໄຊທ໌ຂອງທ່ານໃນເຄື່ອງຈັກຊອກຫາ. ເປັນຫຍັງ? ເນື່ອງຈາກວ່າເຄື່ອງຈັກຊອກຫານໍາໃຊ້ບາງສັນຍານດຽວກັນທີ່ຜູ້ອ່ານຫນ້າຈໍເຮັດເພື່ອຊອກຫາແລະເຂົ້າໃຈເນື້ອຫາຂອງເວັບໄຊທ໌ຂອງທ່ານ.
ແຕ່ຢ່າງແນ່ນອນວ່າທ່ານເຮັດເວັບໄຊທ໌ເຂົ້າເຖິງບໍ່ໄດ້ໂດຍບໍ່ຕ້ອງເປັນຜູ້ຊ່ຽວຊານລະຫັດ?
ນີ້ແມ່ນຄໍາແນະນໍາແລະຄໍາແນະນໍາບາງຢ່າງທີ່ເກືອບທຸກຄົນທີ່ມີ ຄວາມຮູ້ພື້ນຖານ HTML ສາມາດໃຊ້ເພື່ອປັບປຸງການເຂົ້າເຖິງເວັບໄຊທ໌ຂອງພວກເຂົາ.
Web Accessibility Tools
W3C ມີບັນຊີລາຍຊື່ທີ່ດີທີ່ສຸດຂອງເຄື່ອງມືໃນການເຂົ້າເຖິງເວັບທີ່ທ່ານສາມາດໃຊ້ເປັນນັກກວດສອບເພື່ອຊອກຫາບັນຫາທີ່ມີທ່າແຮງກັບເວັບໄຊທ໌ຂອງທ່ານ. ທີ່ເວົ້າວ່າ, ຂ້າພະເຈົ້າຍັງແນະນໍາໃຫ້ເຮັດການຄົ້ນຫາບາງຢ່າງທີ່ມີເຄື່ອງອ່ານຫນ້າຈໍແລະປະສົບການສໍາລັບຕົວທ່ານເອງ.
ການອ່ານທີ່ກ່ຽວຂ້ອງ: ເຕັກໂນໂລຢີຊ່ວຍແມ່ນຫຍັງແລະມັນເຮັດວຽກໄດ້ແນວໃດ?
ຄວາມເຂົ້າໃຈຜູ້ອ່ານຫນ້າຈໍ
ຫນຶ່ງໃນວິທີທີ່ສໍາຄັນທີ່ສຸດທີ່ທ່ານສາມາດປັບປຸງການເຂົ້າເຖິງເວັບໄຊທ໌ຂອງທ່ານແມ່ນເພື່ອໃຫ້ແນ່ໃຈວ່າມັນສາມາດເຂົ້າໃຈໄດ້ໂດຍຜູ້ອ່ານຫນ້າຈໍ. ຜູ້ອ່ານຈໍສະແດງຜົນໃຊ້ສຽງທີ່ຖືກສັງເຄາະເພື່ອອ່ານຂໍ້ຄວາມໃນຫນ້າຈໍ. ວ່າສຽງທີ່ງ່າຍດາຍ; ຢ່າງໃດກໍ່ຕາມ, ຜູ້ອ່ານຫນ້າຈໍອາດຈະບໍ່ເຂົ້າໃຈເວັບໄຊທ໌ຂອງທ່ານຕາມວິທີທີ່ທ່ານຕັ້ງໄວ້.
ສິ່ງທໍາອິດທີ່ທ່ານອາດຈະຕ້ອງການແມ່ນລອງໃຊ້ເຄື່ອງອ່ານຫນ້າຈໍແລະເບິ່ງວ່າມັນຈະເຮັດຫຍັງ. ຖ້າທ່ານຢູ່ໃນ Mac, ລອງໃຊ້ VoiceOver.
- ໄປທີ່ System Preferences.
- ເລືອກການ ເຂົ້າເຖິງ.
- ເລືອກ VoiceOver.
- ກວດເບິ່ງກ່ອງ ເພື່ອເປີດໃຊ້ VoiceOver.
ທ່ານສາມາດເປີດແລະປິດມັນໂດຍໃຊ້ຄໍາສັ່ງ F5.
ຖ້າທ່ານຢູ່ໃນເຄື່ອງ Windows, ທ່ານອາດຈະຕ້ອງການດາວໂຫລດ NVDA. ທ່ານສາມາດຕັ້ງຄ່າມັນເພື່ອເປີດແລະປິດດ້ວຍການຄວບຄຸມທາງລັດ + alt + n.
ຜູ້ອ່ານຫນ້າຈໍທັງສອງປະຕິບັດງານໂດຍການໃຫ້ຜູ້ໃຊ້ສາມາດນໍາພາໂດຍແປ້ນພິມ (ນີ້ເຮັດໃຫ້ຄວາມຮູ້ສຶກ - ຖ້າທ່ານບໍ່ສາມາດເບິ່ງເຫັນໄດ້ໂດຍໃຊ້ຫນູເປັນສິ່ງທ້າທາຍ) ແລະໂດຍການສ້າງພື້ນທີ່ໂຟນເດີສໍາລັບການນໍາທາງ. ຈຸດສຸມແມ່ນສໍາຄັນທີ່ແປ້ນພິມແມ່ນ "ຈຸດ", ແຕ່ມັນມັກຈະສະແດງເປັນກ່ອງທີ່ເນັ້ນໃສ່ຈຸດປະສົງຈຸດສຸມແທນຕົວກະພິບ.
ທ່ານສາມາດປ່ຽນແປງທັງສຽງ pitch ແລະຄວາມໄວທີ່ສຽງຈະອ່ານຖ້າການຕັ້ງຄ່າເລີ່ມຕົ້ນມີຄວາມຫຍຸ້ງຍາກ (ແລະຫຼັງຈາກປະມານຫ້ານາທີທີ່ຈະຟັງການອ່ານສຽງທີ່ອ່ອນແອແບບມາດຕະຖານ, ພວກເຂົາມັກຈະເປັນ). ຄົນຕາບອດມັກຈະອ່ານເວັບໄຊທ໌ດ້ວຍຜູ້ອ່ານຫນ້າຈໍຂອງພວກເຂົາທີ່ກໍານົດໄວ້ໃນຄວາມໄວສູງ.
ມັນອາດຈະຊ່ວຍປິດຕາຂອງທ່ານໃນຂະນະທີ່ທ່ານເຮັດສິ່ງນີ້, ແຕ່ມັນຍັງຊ່ວຍໃຫ້ພວກເຂົາເປີດແລະປຽບທຽບ. ບາງສິ່ງບາງຢ່າງທີ່ທ່ານອາດສັງເກດເຫັນທັນທີເມື່ອທ່ານພະຍາຍາມຟັງເວັບໄຊທ໌ຂອງທ່ານຄືວ່າຂໍ້ຄວາມບາງຢ່າງອາດຈະບໍ່ອອກຈາກຄໍາສັ່ງ. ຫົວຂໍ້ແລະຕາຕະລາງອາດຈະໄດ້ຮັບ jumbled. ຮູບພາບອາດຈະຖືກຍົກເລີກຫຼືພວກເຂົາອາດຈະເວົ້າວ່າ "ຮູບພາບ" ຫຼືບາງສິ່ງບາງຢ່າງທີ່ບໍ່ສະຫນັບສະຫນູນເທົ່າທຽມກັນ. ຕາຕະລາງມີແນວໂນ້ມທີ່ຈະອ່ານເປັນຊຸດຂອງລາຍການໂດຍບໍ່ມີສະພາບການ.
ທ່ານສາມາດ, ຫວັງວ່າ, ການແກ້ໄຂນີ້.
Alt-Tags or Alternative Attribute
attrib alt-tag or alternative (alt) ຖືກໃຊ້ໃນ HTML ເພື່ອອະທິບາຍພາບ. ໃນ HTML, ມັນເບິ່ງຄືວ່ານີ້:
ເຖິງແມ່ນວ່າທ່ານຈະເຮັດໃຫ້ເວັບໄຊທ໌ຂອງທ່ານມີເຄື່ອງມືທີ່ເປັນຕາທີ່ເຊື່ອງໂຄ້ດ HTML ຂອງທ່ານ, ທ່ານກໍ່ຈະມີໂອກາດທີ່ຈະເຂົ້າໄປໃນຄໍາອະທິບາຍຮູບພາບ. ທ່ານສາມາດເຂົ້າບໍ່ມີຫຍັງ (alt = "") ແຕ່ມັນກໍ່ຈະດີກວ່າທີ່ຈະໃຫ້ຮູບພາບຂອງແຕ່ລະຄໍາທີ່ມີປະໂຫຍດ. ຖ້າທ່ານໄດ້ຕາບອດ, ທ່ານຈໍາເປັນຕ້ອງຮູ້ຫຍັງກ່ຽວກັບຮູບພາບ? "ແມ່ຍິງ" ບໍ່ແມ່ນການຊ່ວຍເຫຼືອຫຼາຍ, ແຕ່ວ່າ "ແມ່ຍິງແຕ້ມຮູບການອອກແບບການອອກແບບລວມທັງການເຂົ້າເຖິງ, ການນໍາໃຊ້, ການອອກແບບແລະການອອກແບບ."
Text Title
ເວັບໄຊທ໌ບໍ່ສະແດງຊື່ແທັບ HTML ຕະຫຼອດເວລາ, ແຕ່ມັນເປັນປະໂຫຍດສໍາລັບຜູ້ອ່ານຫນ້າຈໍ. ໃຫ້ແນ່ໃຈວ່າແຕ່ລະຫນ້າເວັບໄຊທ໌ຂອງທ່ານມີຫົວຂໍ້ຄໍາອະທິບາຍ (ແຕ່ບໍ່ເກີນຄໍາສັບ) ເຊິ່ງບອກຜູ້ເຂົ້າຊົມວ່າຫນ້າແມ່ນຫຍັງ.
ໃຫ້ລະດັບຂໍ້ມູນຂ່າວສານທີ່ດີຂອງເວັບໄຊທ໌ຂອງທ່ານ
ແບ່ງປັນບົດເລື່ອງຂະຫນາດໃຫຍ່ທີ່ມີຫົວຂໍ້ແລະຖ້າເປັນໄປໄດ້ ໃຫ້ໃຊ້ຫົວຂໍ້ທີ່ມີ Hierarchy H1, H2, H3 ຢ່າງເຫມາະສົມ. ມັນບໍ່ພຽງແຕ່ເຮັດໃຫ້ເວັບໄຊທ໌ຂອງທ່ານງ່າຍຂຶ້ນສໍາລັບຜູ້ອ່ານຫນ້າຈໍ, ມັນເຮັດໃຫ້ມັນງ່າຍຂຶ້ນສໍາລັບທຸກຄົນ. ມັນຍັງເປັນສັນຍານທີ່ດີສໍາລັບ Google ແລະເຄື່ອງມືຄົ້ນຫາອື່ນໆເພື່ອຊ່ວຍໃຫ້ພວກເຂົາປັບຕົວດີກວ່າເວັບໄຊທ໌ຂອງທ່ານ.
ເຊັ່ນດຽວກັນ, ທ່ານຄວນຈະແນ່ໃຈວ່າເວັບໄຊທ໌ຂອງທ່ານຢູ່ໃນຄໍາສັ່ງເນື້ອຫາທີ່ມີເຫດຜົນແລະວ່າທ່ານບໍ່ມີກ່ອງຂໍ້ມູນທີ່ບໍ່ກ່ຽວຂ້ອງ. ຖ້າທ່ານໃຊ້ໂຄສະນາ, ສັງເກດເບິ່ງວ່າໂຄສະນາຂອງທ່ານບໍ່ແຊກແຊງເກີນໄປແລະທໍາລາຍຂໍ້ຄວາມໃນເວັບໄຊທ໌ຂອງທ່ານເລື້ອຍໆ.
Make Better Tables
ຖ້າທ່ານກໍາລັງໃຊ້ຕາຕະລາງ HTML, ທ່ານສາມາດເພີ່ມຄໍາບັນຍາຍໃຫ້ກັບຕາຕະລາງຂອງທ່ານໂດຍໃຊ້ແທັບເພື່ອເຮັດໃຫ້ພວກເຂົາເຂົ້າໃຈໄດ້ງ່າຍໂດຍຜູ້ອ່ານຫນ້າຈໍແທນທີ່ຈະເຮັດໃຫ້ຫົວຂໍ້ຂອງຕາຕະລາງເປັນຕົວຫນັງສືຫນາແຫນ້ນ. ນອກນັ້ນທ່ານຍັງສາມາດເພີ່ມອົງປະກອບ "ຂອບເຂດ" ແລະລະບຸແຖວແລະຄໍລໍາໃຫມ່ໃນຕາຕະລາງຂອງທ່ານເພື່ອໃຫ້ຜູ້ອ່ານຫນ້າຈໍບໍ່ພຽງແຕ່ກະແຈກກະຈາຍອອກຈາກຕາຕະລາງຕາຕະລາງໂດຍບໍ່ໃຫ້ສະພາບໃດໆ.
ຄີບອດນໍາທາງ
ໂດຍທົ່ວໄປແລ້ວ, ສິ່ງໃດກໍ່ຕາມທີ່ທ່ານໃສ່ໃນເວັບໄຊທ໌ຂອງທ່ານຄວນເປັນສິ່ງທີ່ຄົນອື່ນສາມາດນໍາໃຊ້ໄດ້ໂດຍໃຊ້ແປ້ນພິມເທົ່ານັ້ນ. ນັ້ນຫມາຍຄວາມວ່າປຸ່ມນໍາທິດຂອງທ່ານບໍ່ຄວນຈະມີປຸ່ມການເຄື່ອນໄຫວແບບເຄື່ອນໄຫວຖ້າທ່ານບໍ່ສາມາດໃຊ້ມັນກັບເຄື່ອງອ່ານຫນ້າຈໍ (ລອງໃຊ້ມັນແລະເບິ່ງວ່າທ່ານບໍ່ແນ່ໃຈວ່າ - ບາງປຸ່ມແມ່ນສໍາລັບການນໍາໃຊ້ແປ້ນພິມ.)
ປິດຄໍາບັນຍາຍ
ຖ້າທ່ານເພີ່ມວິດີໂອຫຼືອົງປະກອບສຽງໃນເວັບໄຊທ໌ຂອງທ່ານ, ພວກເຂົາຄວນມີຫົວຂໍ້. HTML5 ແລະການບໍລິການນ້ໍາມັນວິດີໂອຕ່າງໆ (ເຊັ່ນ: YouTube) ສະເຫນີການສະຫນັບສະຫນູນຄໍາບັນຍາຍປິດ. ຫົວຂໍ້ທີ່ປິດລົງແມ່ນມີປະໂຫຍດບໍ່ພຽງແຕ່ສໍາລັບການເຂົ້າເຖິງແຕ່ຍັງສໍາລັບຜູ້ໃຊ້ທີ່ອາດຈະຊອກຫາເວັບໄຊທ໌ຂອງທ່ານບ່ອນທີ່ພວກເຂົາບໍ່ສາມາດຫຼິ້ນສຽງ, ເຊັ່ນວ່າຢູ່ໃນຫ້ອງການຫຼືຢູ່ໃນບ່ອນທີ່ສັບສົນ.
ສໍາລັບ podcasts ຫຼືອົງປະກອບສຽງອື່ນໆ, ພິຈາລະນາໃຫ້ຂໍ້ມູນເປັນຂໍ້ຄວາມ. ມັນບໍ່ພຽງແຕ່ເປັນປະໂຫຍດສໍາລັບຜູ້ທີ່ບໍ່ສາມາດຟັງສຽງທີ່ມີຂໍ້ຄວາມທີ່ຈະເຮັດໃຫ້ມັນງ່າຍຂຶ້ນສໍາລັບ Google ແລະເຄື່ອງມືຄົ້ນຫາອື່ນໆເພື່ອດັດປັບເນື້ອຫານັ້ນແລະ ຊ່ວຍຈັດລຽງລໍາດັບ Google ຂອງທ່ານ .
ARIA
ຖ້າທ່ານຕ້ອງການເຂົ້າໄປໃນລະດັບສູງຂອງການເຂົ້າເຖິງ, ຂໍ້ກໍານົດ HTML5 ARIA ຫຼື WAI-ARIA ແມ່ນເພື່ອເປັນມາດຕະຖານໃຫມ່. ຢ່າງໃດກໍ່ຕາມ, ນີ້ແມ່ນຄູ່ມືວິຊາການສະລັບສັບຊ້ອນ (ແລະການປ່ຽນແປງ), ດັ່ງນັ້ນສິ່ງທີ່ທ່ານສາມາດເຮັດໄດ້ແມ່ນໃຊ້ຕົວກວດສອບ ARIA ເພື່ອສະແກນເພື່ອເບິ່ງວ່າເວັບໄຊທ໌ຂອງທ່ານມີບັນຫາໃດໆທີ່ທ່ານສາມາດແກ້ໄຂ. Mozilla ຍັງມີຄູ່ມືທີ່ເຫມາະສົມກັບການເລີ່ມຕົ້ນດ້ວຍ ARIA.