ປັບປຸງການເຂົ້າເຖິງເວັບໄຊທ໌ຂອງທ່ານແລະປະສົບການຂອງຜູ້ໃຊ້ທີ່ມີຄວາມກົງກັນຢ່າງພຽງພໍ
ກົງກັນຂ້າມມີບົດບາດສໍາຄັນໃນຄວາມສໍາເລັດຂອງການອອກແບບເວັບໄຊທ໌ໃດຫນຶ່ງ. ຈາກ ຮູບແບບຂອງເວັບໄຊທ໌໌ນັ້ນ , ກັບຮູບພາບຕ່າງໆທີ່ນໍາໃຊ້ໃນທົ່ວເວັບໄຊທ໌, ຄວາມແຕກຕ່າງລະຫວ່າງອົງປະກອບຂອງ foreground ແລະສີພື້ນເມືອງ - ເວັບໄຊທ໌ທີ່ອອກແບບດີຄວນມີຄວາມແຕກຕ່າງກັນຢ່າງພຽງພໍໃນທຸກຂົງເຂດເຫຼົ່ານີ້ເພື່ອຮັບປະກັນປະສົບການຂອງຜູ້ໃຊ້ທີ່ມີຄຸນນະພາບແລະຜົນສໍາເລັດໃນໄລຍະຍາວ.
ການປຽບທຽບຕ່ໍາເທົ່າກັບປະສົບການການອ່ານທີ່ທຸກຍາກ
ເວັບໄຊທ໌ທີ່ມີຄວາມຄົມຊັດຕໍ່າເກີນໄປກໍ່ສາມາດອ່ານແລະນໍາໃຊ້ຍາກເຊິ່ງຈະມີຜົນກະທົບທາງລົບຕໍ່ຄວາມສໍາເລັດຂອງເວັບໄຊທ໌ໃດຫນຶ່ງ. ບັນຫາຄວາມເຄັ່ງຄັດຂອງສີທີ່ບໍ່ດີແມ່ນງ່າຍຕໍ່ການລະບຸ. ທ່ານສາມາດເຮັດໄດ້ພຽງແຕ່ໂດຍການຊອກຫາຫນ້າທີ່ຖືກສະແດງຢູ່ໃນຕົວທ່ອງເວັບແລະທ່ານສາມາດເບິ່ງວ່າຂໍ້ຄວາມແມ່ນຍາກທີ່ຈະອ່ານເນື່ອງຈາກເລືອກສີທີ່ບໍ່ດີ. ຍັງ, ໃນຂະນະທີ່ມັນອາດຈະງ່າຍທີ່ຈະກໍານົດສີທີ່ບໍ່ສາມາດເຮັດວຽກຮ່ວມກັນໄດ້ດີ, ມັນກໍ່ສາມາດທ້າທາຍຫຼາຍທີ່ຈະຕັດສິນໃຈວ່າສີທີ່ເຮັດວຽກດີຢູ່ກົງກັນຂ້າມກັບຄົນອື່ນ. ທ່ານອາດບໍ່ແມ່ນສິ່ງທີ່ບໍ່ເຮັດວຽກ, ແຕ່ວ່າທ່ານຈະກໍານົດວ່າບໍ່ເຮັດຫຍັງ? ຮູບພາບໃນບົດຄວາມນີ້ຈະຊ່ວຍໃຫ້ທ່ານສະແດງໃຫ້ເຫັນແນວພັນທີ່ແຕກຕ່າງກັນຂອງສີທີ່ແຕກຕ່າງກັນແລະວິທີການທີ່ພວກເຂົາກົງກັນຂ້າມເປັນສີຫນ້າແລະສີພື້ນຫລັງ. ທ່ານສາມາດເບິ່ງການຈັບຄູ່ບາງ "ດີ" ແລະຄູ່ "ຜູ້ທຸກຍາກ" ເຊິ່ງຈະຊ່ວຍໃຫ້ທ່ານເລືອກທາງເລືອກທີ່ຖືກຕ້ອງໃນໂຄງການຂອງທ່ານ.
ກ່ຽວກັບ Contrast
ສິ່ງຫນຶ່ງທີ່ທ່ານຄວນສັງເກດແມ່ນວ່າຄວາມຄົມຊັດແມ່ນຫຼາຍກ່ວາວິທີການທີ່ມີສີສັນສົດໃສເມື່ອທຽບກັບພື້ນຫລັງ. ໃນຂະນະທີ່ທ່ານຄວນຈະເຫັນຮູບພາບທີ່ກ່າວມາຂ້າງເທິງ, ບາງສີເຫຼົ່ານີ້ຈະສົດໃສແລະສະແດງໃຫ້ເຫັນເຖິງສີພື້ນຫລັງ - ເຊັ່ນສີຟ້າສີດໍາ, ແຕ່ຂ້າພະເຈົ້າຍັງໄດ້ສະແດງວ່າມັນມີຄວາມແຕກຕ່າງກັນຫນ້ອຍ. ຂ້າພະເຈົ້າໄດ້ເຮັດເພາະວ່າ, ມັນອາດຈະສົດໃສ, ການປະສົມປະສານສີຍັງເຮັດໃຫ້ຂໍ້ຄວາມທີ່ຍາກທີ່ຈະອ່ານ. ຖ້າທ່ານຕ້ອງການສ້າງຫນ້າໃນຂໍ້ຄວາມສີຟ້າທັງຫມົດໃນພື້ນຫລັງສີດໍາ, ຜູ້ອ່ານຂອງທ່ານຈະມີ eyestrain ຢ່າງໄວວາ. ນີ້ແມ່ນເຫດຜົນທີ່ວ່າກົງກັນຂ້າມແມ່ນບໍ່ພຽງແຕ່ສີດໍາແລະສີຂາວ (ແມ່ນແລ້ວ, ຈຸດທີ່ມີຈຸດປະສົງ). ມີກົດລະບຽບແລະການປະຕິບັດທີ່ດີທີ່ສຸດສໍາລັບຄວາມແຕກຕ່າງ, ແຕ່ເປັນນັກອອກແບບທີ່ທ່ານຕ້ອງປະເມີນກົດລະບຽບເຫຼົ່ານັ້ນເພື່ອໃຫ້ແນ່ໃຈວ່າພວກເຂົາເຮັດວຽກຢູ່ໃນຕົວຢ່າງຂອງທ່ານ.
ເລືອກສີ
ກົງກັນຂ້າມແມ່ນພຽງແຕ່ຫນຶ່ງໃນປັດໄຈທີ່ຕ້ອງພິຈາລະນາໃນເວລາທີ່ເລືອກສີສໍາລັບການອອກແບບເວັບໄຊທ໌ຂອງທ່ານ, ແຕ່ວ່າມັນເປັນສິ່ງສໍາຄັນ. ໃນເວລາທີ່ເລືອກສີ, ຈົ່ງສັງເກດມາດຕະຖານຖ່ານກ້ອນສໍາລັບບໍລິສັດ, ແຕ່ຍັງເຕັມໃຈທີ່ຈະແກ້ໄຂສີ palette ທີ່, ໃນຂະນະທີ່ພວກເຂົາອາດສອດຄ່ອງກັບຄໍາແນະນໍາຂອງອົງການຂອງອົງການ, ບໍ່ເຮັດວຽກໄດ້ດີ. ຕົວຢ່າງ, ຂ້າພະເຈົ້າໄດ້ພົບເຫັນສີຂຽວແລະສີຂີ້ເຖົ່າສະເຫມີໄປທີ່ຈະທ້າທາຍທີ່ສຸດທີ່ຈະນໍາໃຊ້ຢ່າງມີປະສິດທິພາບໃນເວັບໄຊທ໌. ຖ້າສີເຫລົ່ານີ້ຢູ່ໃນຄໍາແນະນໍາກ່ຽວກັບເຄື່ອງຫມາຍຂອງບໍລິສັດ, ພວກເຂົາອາດຈະຕ້ອງໃຊ້ສີສັນສຽງເທົ່ານັ້ນ, ເພາະວ່າມັນຍາກທີ່ຈະຊອກຫາສີທີ່ກົງກັນຂ້າມກັນດີ.
ເຊັ່ນດຽວກັນ, ຖ້າສີແບຂອງທ່ານມີສີດໍາແລະສີຂາວ, ນີ້ຫມາຍຄວາມແຕກຕ່າງກັນຢ່າງຫຼວງຫຼາຍ, ແຕ່ຖ້າທ່ານມີເວັບໄຊທີ່ມີຂໍ້ຄວາມທີ່ຍາວນານ, ມີພື້ນຫລັງສີດໍາທີ່ມີຂໍ້ຄວາມຂາວຈະເຮັດໃຫ້ການອ່ານຍາກ. ເຖິງແມ່ນວ່າຄວາມແຕກຕ່າງລະຫວ່າງສີດໍາແລະສີຂາວແມ່ນຍິ່ງໃຫຍ່, ຂໍ້ຄວາມຂາວກ່ຽວກັບພື້ນຫລັງສີດໍາເຮັດໃຫ້ສາຍຕາສໍາລັບຂໍ້ຄວາມຍາວ. ໃນກໍລະນີນີ້, ຂ້າພະເຈົ້າຈະປະຕິເສດສີເພື່ອໃຊ້ຂໍ້ຄວາມສີດໍາໃນພື້ນຫລັງສີຂາວ. ມັນອາດຈະບໍ່ເປັນສິ່ງທີ່ຫນ້າສົນໃຈ, ແຕ່ທ່ານຈະບໍ່ພົບຄວາມແຕກຕ່າງທີ່ດີກວ່ານັ້ນ!
ເຄື່ອງມືອອນໄລນ໌
ນອກເຫນືອຈາກຄວາມຮູ້ສຶກໃນການອອກແບບຂອງທ່ານເອງ, ມີເຄື່ອງມືອອນໄລບາງໆທີ່ທ່ານສາມາດນໍາໃຊ້ເພື່ອທົດສອບທາງເລືອກສີຂອງເວັບໄຊທ໌ຂອງທ່ານ.
CheckMyColors.com ຈະທົດສອບທຸກສີຂອງເວັບໄຊທ໌ແລະລາຍງານກ່ຽວກັບອັດຕາສ່ວນຄວາມສະຫວ່າງຂອງລະຫວ່າງອົງປະກອບຕ່າງໆໃນຫນ້າເວັບ.
ນອກຈາກນັ້ນ, ເມື່ອຄິດກ່ຽວກັບການເລືອກສີ, ທ່ານຄວນພິຈາລະນາການເຂົ້າເຖິງເວັບໄຊທ໌ແລະຜູ້ທີ່ມີຮູບແບບຕາບອດສີ. WebAIM.org ສາມາດຊ່ວຍໃນສິ່ງນີ້ໄດ້, ເຊັ່ນ ContrastChecker.com ເຊິ່ງຈະທົດສອບທາງເລືອກຂອງທ່ານຕໍ່ກັບຄໍາແນະນໍາຂອງ WCAG.