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

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

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

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

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

    ຂໍ້ຄວາມໃຫຍ່

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Eastern Blue
    #2596be

    ແກ້ໄຂດ່ວນ

    Aa

    ຕົວຢ່າງຊື່

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

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

    ຂໍ້ຄວາມ
    #000000
    ຄວາມເປັນມາ
    #2596be

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

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

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