Công cụ kiểm tra độ tương phản màu miễn phí kiểm tra tỷ lệ tương phản theo tiêu chuẩn WCAG 2. 1 (AA, AAA). Xử lý trong trình duyệt.
Cách sử dụng Kiểm tra tương phản?
Nhập màu nền trước và nền sau.
Kiểm tra tỷ lệ tương phản và cấp WCAG.
Điều chỉnh màu để đáp ứng tiêu chuẩn.
Câu hỏi thường gặp về Kiểm tra tương phản
WCAG AA và AAA khác nhau thế nào?
AA yêu cầu 4.5:1 cho văn bản thường và 3:1 cho văn bản lớn. AAA nghiêm ngặt hơn: 7:1 và 4.5:1.
Nếu tỷ lệ tương phản không đạt thì sao?
Điều chỉnh màu sáng hơn hoặc tối hơn. Công cụ hiển thị kết quả thời gian thực.
Chữ lớn có ngưỡng thấp hơn — vậy lớn tới mức nào mới tính?
WCAG tính là chữ lớn từ 18pt (khoảng 24px) với độ đậm thường, hoặc 14pt (khoảng 18,7px) khi in đậm. Đạt điều kiện đó thì yêu cầu AA giảm từ 4,5:1 xuống 3:1. Hãy nhớ đây là mức sàn chứ không phải mục tiêu: chữ thân bài vẫn phải đọc được trên màn hình laptop đã giảm sáng hay ngoài trời nắng, nên nhắm gần 7:1 vẫn là thói quen an toàn hơn.
Làm sao kiểm tra tương phản của chữ đặt trên ảnh hay nền mờ?
Phép tính tương phản giả định hai màu phẳng, nên với ảnh chụp bạn phải hút màu ở điểm sáng nhất và điểm tối nhất dưới dòng chữ rồi kiểm tra hai lần. Chỉ cần một trong hai không đạt là chữ sẽ chìm đi ở đâu đó trên ảnh. Trên thực tế, đặt một dải màu đặc phía sau chữ đáng tin hơn là phủ lớp đen mờ hay thêm bóng chữ, vì cả hai đều phụ thuộc vào thứ nằm bên dưới.
Cách tận dụng Kiểm tra tương phản hiệu quả?
Chữ thân bài cần 4,5:1; chữ từ 18pt hoặc in đậm 14pt trở lên chỉ cần 3:1 để đạt mức AA.
Các hướng dẫn tiếp cận web tại Việt Nam đều dựa trên cùng ngưỡng tương phản của WCAG.
Thành phần phi văn bản như biểu tượng và viền ô nhập cũng cần đạt 3:1.