Trình kiểm tra độ tương phản màu
Theo công thức độ chói tương đối của WCAG, kiểm tra cục bộ độ tương phản giữa màu tiền cảnh và màu nền, lần lượt xác định ngưỡng của văn bản nội dung thông thường và AA/AAA dành cho văn bản cỡ lớn, đồng thời hỗ trợ xuất báo cáo.
Cách sử dụng trình kiểm tra độ tương phản màu
Các giá trị màu chỉ được tính toán độ sáng tương đối và độ tương phản trong trình duyệt hiện tại, không được tải lên hoặc lưu lại.
Nhập hai màu
Dùng bộ chọn màu hoặc dán giá trị #RRGGBB để thiết lập màu tiền cảnh và màu nền; bản xem trước sẽ được cập nhật đồng bộ.
Ngưỡng kiểm tra
Nhấp vào kiểm tra để xem riêng trạng thái đạt yêu cầu của văn bản thông thường AA, văn bản thông thường AAA và văn bản cỡ lớn AA.
Sao chép bản ghi kiểm tra
Sau khi đạt, bạn có thể sao chép báo cáo hoặc tải xuống TXT, ghi lại các giá trị màu, tỷ lệ và kết quả của từng ngưỡng.
Các hạn chế và lưu ý
- Phiên bản đầu tiên chỉ chấp nhận #RGB hoặc #RRGGBB không chứa độ trong suốt; màu bán trong suốt phải xác định nền tổng hợp thực tế trước.
- 4.5:1 áp dụng cho văn bản nội dung thông thường AA, 3:1 áp dụng cho cỡ chữ lớn AA, 7:1 là ngưỡng tham khảo của văn bản nội dung thông thường AAA; vẫn cần kiểm tra cỡ chữ, độ đậm và độ tương phản phi văn bản.
- Công cụ chỉ tính toán một cặp màu đơn sắc, không mô phỏng dải màu, hình ảnh, bóng đổ, kết xuất phông chữ hoặc nền phức tạp.
Câu hỏi thường gặp
4.5:1 nghĩa là gì?
Đây là WCAG tối thiểu của AA đối với văn bản nội dung thông thường; ngưỡng AA của văn bản nội dung cỡ lớn là 3:1.
Tại sao không thể xác định trực tiếp màu trong suốt?
Màu cuối cùng của tiền cảnh hoặc nền trong suốt phụ thuộc vào thứ tự tổng hợp và hình nền; xác định màu đồng nhất hiển thị thực tế trước sẽ đáng tin cậy hơn.
Đạt độ tương phản thì có nhất thiết là không có rào cản tiếp cận không?
Không nhất thiết. Bạn cũng nên kiểm tra cỡ chữ, độ đậm, trạng thái, tiêu điểm, các thành phần phi văn bản, nền hình ảnh và hiệu quả hiển thị trên thiết bị thực tế.