ເຄື່ອງມື
ສີ & ຄວາມຄົມຊັດ
ໃສ່ສອງສີ ໄດ້ຜົນຕັດສິນຕາມ WCAG — ພ້ອມຕົວຢ່າງຈິງ ແລະ ຊຸດເສດສີຄົບຊຸດ ທີ່ສ້າງຈາກສີຫຼັກຂອງທ່ານ.
17.20:1
ອັດຕາຄວາມຄົມຊັດ
AA — ຂໍ້ຄວາມທົ່ວໄປ4.5:1
AA — ຂໍ້ຄວາມໃຫຍ່3:1
AAA — ຂໍ້ຄວາມທົ່ວໄປ7:1
AAA — ຂໍ້ຄວາມໃຫຍ່4.5:1
ຕົວຢ່າງ
ຫົວຂໍ້ຕົວຢ່າງ
ຂໍ້ຄວາມຂະໜາດປົກກະຕິ. ຖ້າທ່ານຕ້ອງເພັ່ງຕາອ່ານ ແປວ່າຕົວເລກອັດຕາກຳລັງບອກຄວາມຈິງ ແລະ ຕາຂອງທ່ານກຳລັງຫຼອກ.
ພາສາລາວ — Lao script sample 12345
ຊຸດເສດສີ (ກົດເພື່ອສຳເນົາ)ສີທີ່ເຂົ້າກັນ
ຕົວເລກເຫຼົ່ານີ້ໝາຍຄວາມວ່າແນວໃດ
- ອັດຕາເລີ່ມແຕ່ 1:1 (ສີດຽວກັນ) ຫາ 21:1 (ດຳເທິງຂາວ). WCAG ລະດັບ AA ຮຽກຮ້ອງ 4.5:1 ສຳລັບຂໍ້ຄວາມທົ່ວໄປ — ເປັນລະດັບທີ່ເວັບສ່ວນຫຼາຍຍັງບໍ່ຜ່ານ.
- 'ຂໍ້ຄວາມໃຫຍ່' ໝາຍເຖິງ 24px ຫຼື 19px ຖ້າເປັນຕົວໜາ. ມັນມີເກນທີ່ຜ່ອນກວ່າ (3:1) ເພາະຕົວອັກສອນໃຫຍ່ອ່ານງ່າຍກວ່າ ເຖິງແມ່ນຄວາມຄົມຊັດຕ່ຳ.
- ອັດຕາຄິດຈາກຄ່າຄວາມສະຫວ່າງສຳພັດ ໂດຍປັບ gamma ແຕ່ລະຊ່ອງສີກ່ອນ ບໍ່ແມ່ນຄິດສະເລ່ຍ RGB ແບບງ່າຍໆ — ທາງລັດແບບນັ້ນເອງ ທີ່ເຮັດໃຫ້ເຄື່ອງມືອອນລາຍຫຼາຍໆອັນໃຫ້ຄ່າບໍ່ຕົງກັນ.
- ການຜ່ານ AA ເປັນພຽງຂັ້ນຕ່ຳ ບໍ່ແມ່ນເປົ້າໝາຍ. ສີເທົາເທິງຂາວທີ່ 4.5:1 ພໍດີ ຖືວ່າຜ່ານ ແຕ່ຍັງອ່ານເມື່ອຍຢູ່ ເມື່ອເບິ່ງໃນມືຖືກາງແດດ.
- ຊຸດເສດສີຮັກສາໂທນສີ ແລະ ຄວາມອີ່ມຕົວໄວ້ ແລ້ວໄລ່ຄວາມສະຫວ່າງ ເຊິ່ງເປັນວິທີທີ່ design system ສ້າງຂັ້ນ 50–800. ກົດແຖບສີໃດກໍໄດ້ເພື່ອສຳເນົາລະຫັດ hex.