ຕົວກວດສອບຄວາມຄົມຊັດຂອງສີ

ກວດສອບສີຂອງທ່ານ

ທົດສອບການປະສົມສີເພື່ອຮັບປະກັນວ່າພວກມັນຕອບສະໜອງໄດ້ມາດຕະຖານການເຂົ້າເຖິງ WCAG ສຳລັບການອ່ານຂໍ້ຄວາມ.

1.00:1

ກົງກັນຂ້າມ

ບໍ່ຜ່ານ

ທຸກຍາກຫຼາຍ

ຂໍ້ຄວາມປົກກະຕິ

AA (4.5:1)

AAA (7:1)

ຂໍ້ຄວາມໃຫຍ່

AA (3:1)

AAA (4.5:1)

ສີຂໍ້ຄວາມ

ສີພື້ນຫຼັງ

ແກ້ໄຂດ່ວນ

ຫົວຂໍ້ການເບິ່ງຕົວຢ່າງ

ໝາແມວສີນ້ຳຕານໄວໂດດຂ້າມໝາຂີ້ຄ້ານ

ຕົວຢ່າງຂໍ້ຄວາມຂະຫນາດນ້ອຍ (12px)

ຂໍ້ຄວາມ

#000000

ຄວາມເປັນມາ

#2596be

ມາດຕະຖານ WCAG

ລະດັບ AA

ອັດຕາສ່ວນຄວາມຄົມຊັດຕໍ່າສຸດຂອງ 4.5:1 ສໍາລັບຂໍ້ຄວາມປົກກະຕິ ແລະ 3:1 ສໍາລັບຂໍ້ຄວາມຂະຫນາດໃຫຍ່. ຕ້ອງການສໍາລັບເວັບໄຊທ໌ສ່ວນໃຫຍ່.

ລະດັບ AAA

ປັບປຸງອັດຕາສ່ວນຄວາມຄົມຊັດຂອງ 7:1 ສໍາລັບຂໍ້ຄວາມປົກກະຕິ ແລະ 4.5:1 ສໍາລັບຂໍ້ຄວາມຂະຫນາດໃຫຍ່. ແນະນຳສຳລັບການເຂົ້າເຖິງທີ່ດີທີ່ສຸດ.

ຄວາມຄົມຊັດບໍ່ດີສໍາລັບຂະຫນາດຂໍ້ຄວາມທັງຫມົດ.

ຄິດໄລ່ອັດຕາສ່ວນກົງກັນຂ້າມຂອງຂໍ້ຄວາມ ແລະສີພື້ນຫຼັງ.

ເລືອກສີໂດຍໃຊ້ຕົວເລືອກສີສຳລັບຂໍ້ຄວາມ ແລະສີພື້ນຫຼັງ ຫຼືໃສ່ສີໃນຮູບແບບ RGB hexadecimal (ເຊັ່ນ: #259 ຫຼື #2596BE). ທ່ານສາມາດປັບຕົວເລື່ອນເພື່ອເລືອກສີ. ຂໍ້ແນະນຳການຊ່ວຍເຂົ້າເຖິງເນື້ອຫາເວັບ (WCAG) ມີຂໍ້ແນະນຳສະເພາະເພື່ອຊ່ວຍຊອກຫາວ່າຂໍ້ຄວາມສາມາດອ່ານໄດ້ສຳລັບຜູ້ໃຊ້ທີ່ເຫັນຫຼືບໍ່. ເງື່ອນໄຂນີ້ໃຊ້ສູດການຄິດໄລ່ສະເພາະເພື່ອວາງແຜນການປະສົມສີເປັນອັດຕາສ່ວນປຽບທຽບ. ການນໍາໃຊ້ສູດນີ້, WCAG ລະບຸວ່າອັດຕາສ່ວນສີ 4.5: 1 ກັບຂໍ້ຄວາມແລະພື້ນຫລັງຂອງມັນແມ່ນພຽງພໍສໍາລັບຂໍ້ຄວາມປົກກະຕິ (ຮ່າງກາຍ), ແລະຂໍ້ຄວາມຂະຫນາດໃຫຍ່ (18+ pt ປົກກະຕິ, ຫຼື 14+ pt bold) ຄວນມີຢ່າງຫນ້ອຍ 3: 1 ອັດຕາສ່ວນຄວາມຄົມຊັດຂອງສີ.

ຄຸນນະສົມບັດທີ່ສໍາຄັນ

ການຄິດໄລ່ອັດຕາສ່ວນກົງກັນຂ້າມໃນເວລາຈິງ
ການກວດສອບການປະຕິບັດຕາມ WCAG AA & AAA
ຕົວເລື່ອນ HSL ສໍາລັບການປັບລະອຽດ
ຮູບແບບຕົວຢ່າງຫຼາຍຮູບແບບ

ເຄື່ອງມືຂັ້ນສູງ

ການແກ້ໄຂສີອັດຕະໂນມັດ
ຕົວຢ່າງຂໍ້ຄວາມ ແລະພື້ນຫຼັງ
ການກວດຫາຊື່ສີ
ສົ່ງອອກຜົນໄດ້ຮັບ

ຄຳຖາມທີ່ຖືກຖາມເລື້ອຍໆ

ສຳລັບການປະຕິບັດຕາມ WCAG AA, ຂໍ້ຄວາມທົ່ວໄປຕ້ອງມີອັດຕາສ່ວນຄວາມຄົມຊັດຢ່າງໜ້ອຍ 4.5:1 ແຕ່ຂໍ້ຄວາມຂະໜາດໃຫຍ່ (18pt ຫຼື 14pt ຕົວໜາ) ຕ້ອງມີ 3:1.

WCAG AAA ຕ້ອງການອັດຕາສ່ວນຄວາມຄົມຊັດສູງກວ່າ: 7:1 ສຳລັບຂໍ້ຄວາມທົ່ວໄປ ແລະ 4.5:1 ສຳລັບຂໍ້ຄວາມຂະໜາດໃຫຍ່, ເມື່ອທຽບກັບ 4.5:1 ແລະ 3:1 ຂອງ AA ຕາມລຳດັບ.

ໃຊ້ຟັງຊັນແກ້ໄຂອັດຕະໂນມັດເພື່ອປັບຂໍ້ຄວາມ ຫຼື ພື້ນຫຼັງ ໂດຍຮັກສາແນວຄິດການອອກແບບຂອງທ່ານ ຫຼື ປັບສີດ້ວຍຕົນເອງດ້ວຍຕົວເລື່ອນ HSL ທີ່ສະແດງໂຊນທີ່ດີທີ່ສຸດສຳລັບການປະຕິບັດຕາມ AA/AAA.

ໂຊນສີຂຽວ ແລະ ເຄື່ອງໝາຍ AA/AAA ສະແດງຂອບເຂດທີ່ດີທີ່ສຸດເພື່ອໃຫ້ປະຕິບັດຕາມ WCAG. ຄຳແນະນຳທິດທາງ (ສະຫວ່າງກວ່າ/ມືດກວ່າ) ຊ່ວຍນຳທ່ານໄປສູ່ຄວາມຄົມຊັດທີ່ດີກວ່າ ຕາມການປະສົມສີປັດຈຸບັນຂອງທ່ານ.

ໄດ້, ທ່ານສາມາດປ້ອນລະຫັດ HEX ໃດກໍໄດ້ ຫຼື ໃຊ້ຕົວເລືອກສີເພື່ອເລືອກສີທີ່ກຳນົດເອງ. URL ຈະອັບເດດອັດຕະໂນມັດ ເພື່ອໃຫ້ທ່ານແບ່ງປັນການປະສົມສີສະເພາະໄດ້.