Kiểm tra độ tương phản màu

Giới thiệu về Kiểm tra độ tương phản màu

Công cụ Kiểm Tra Độ Tương Phản Màu đo tỉ lệ tương phản WCAG giữa màu chữ và màu nền, sau đó chấm điểm cặp màu đó theo các mức trợ năng AA và AAA cho văn bản thường, văn bản lớn và thành phần giao diện. Tỉ lệ và mọi kết quả đạt/không đạt được cập nhật ngay khi bạn điều chỉnh một trong hai màu.

Một bảng xem trước thực tế hiển thị tiêu đề, nội dung văn bản, chữ nhỏ, một nút bấm và một liên kết theo tổ hợp màu bạn chọn, để bạn đánh giá độ dễ đọc bằng nội dung thực thay vì các mẫu màu trừu tượng. Khi một cặp không đạt, công cụ đề xuất màu chữ dễ tiếp cận gần nhất đạt ngưỡng AA là 4.5:1, sẵn sàng áp dụng chỉ với một cú nhấp.

Phép toán tuân theo công thức độ chói tương đối WCAG 2.x và chạy hoàn toàn trong trình duyệt của bạn, không có gì được tải lên và các kiểm tra đều miễn phí. Bạn cũng có thể sao chép một báo cáo văn bản gọn gàng về tỉ lệ và mức đạt để dán vào một đánh giá trợ năng hoặc một pull request.

Cách sử dụng Kiểm tra độ tương phản màu

1. Đặt màu chữ và màu nền bằng bảng chọn màu hoặc bằng cách nhập giá trị.
2. Đọc tỉ lệ tương phản và kết quả AA/AAA cho văn bản thường, văn bản lớn và thành phần giao diện.
3. Kiểm tra bản xem trước trực tiếp để thấy tiêu đề, đoạn văn, nút bấm và liên kết thực tế theo màu của bạn.
4. Nếu cặp màu không đạt, áp dụng màu chữ dễ tiếp cận được đề xuất hoặc hoán đổi hai màu.
5. Nhấp "Sao chép báo cáo" để chia sẻ tỉ lệ và kết quả tuân thủ.

Câu hỏi thường gặp