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

ທົດສອບອັດຕາສ່ວນຄວາມຄົມຊັດລະຫວ່າງສີພື້ນໜ້າ ແລະພື້ນຫຼັງເພື່ອຮັບປະກັນການເຂົ້າຫາ.

1.00:1
ກົງກັນຂ້າມ
Fail
ທຸກ​ຍາກ​ຫຼາຍ

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

AA (4.5:1)
AAA (7:1)

ຂໍ້ຄວາມໃຫຍ່

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#0088cc

ແກ້ໄຂດ່ວນ

Aa

ຕົວຢ່າງຊື່

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

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

ຂໍ້ຄວາມ
#000000
ຄວາມເປັນມາ
#0088cc

ມາດຕະຖານ WCAG

Level AA

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

Level 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 ສໍາລັບການປັບລະອຽດ
  • ຮູບ​ແບບ​ຕົວ​ຢ່າງ​ຫຼາຍ​ຮູບ​ແບບ​

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

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