Đầu vào
Đang chuẩn bị không gian làm việc…
Cách sử dụng
- Nhập màu chữ và nền không trong suốt.
- Xem bản xem trước, tỷ lệ và từng kết quả đạt/không đạt.
- Điều chỉnh hoặc hoán đổi màu, rồi sao chép tỷ lệ.
Hiểu kết quả tương phản
Một màu chữ rõ trên nền này có thể chìm trên nền khác. Công cụ so sánh cặp màu và tách yêu cầu cho chữ thường, chữ lớn và đồ họa giao diện.
Bản xem trước cung cấp ngữ cảnh trực quan, còn kết quả đạt/không đạt dựa trên tỷ lệ tính được. Cỡ chữ, độ đậm và thiết kế xung quanh vẫn cần kiểm tra trong giao diện hoàn chỉnh.
Cách tính tỷ lệ
Độ chói tương đối được tính từ các kênh sRGB tuyến tính hóa. Tỷ lệ bằng độ chói lớn hơn cộng 0,05 chia cho độ chói nhỏ hơn cộng 0,05.
Ví dụ đen trên trắng đạt 21:1. Hoán đổi màu chữ và nền giữ nguyên tỷ lệ nhưng đổi cách hiển thị.
#000000 on #ffffff21.00:1 · AA and AAA passChữ đen trên nền trắng có tỷ lệ tương phản WCAG tối đa là 21:1.
Ngưỡng và làm tròn
Chữ thường cần 4,5:1 cho AA và 7:1 cho AAA. Chữ lớn dùng 3:1 và 4,5:1; đồ họa giao diện dùng 3:1 khi tiêu chí đó áp dụng.
Tỷ lệ hiển thị hai chữ số thập phân nhưng đánh giá bằng giá trị chưa làm tròn. Màu trong suốt bị từ chối vì màu hiệu dụng phụ thuộc nền phía sau.
Kiểm tra giao diện hoàn chỉnh
Đánh giá tỷ lệ cùng cỡ chữ, độ đậm và trạng thái thành phần thực tế. Cặp màu đạt không đánh giá chỉ báo focus, thao tác bàn phím, nhãn hay phần còn lại của trang.
Đầu vào văn bản tối đa 1 MiB. Chuyển đổi CSS và HTML chạy trong Worker với giới hạn 30 giây. Công cụ màu dùng sRGB; kiểu dáng được tạo là bản xem trước và cần kiểm thử trong bố cục của bạn.
Câu hỏi thường gặp
Vì sao tỷ lệ hiển thị đúng ngưỡng vẫn không đạt?
Hiển thị hai chữ số có thể làm tròn lên. Phép kiểm tra dùng giá trị đầy đủ, nên giá trị thấp hơn ngưỡng vẫn không đạt.
Có thể nhập màu trong suốt không?
Không. Hãy nhập màu đặc cuối cùng sau khi hòa với nền tương ứng.
Hoán đổi màu có đổi tỷ lệ không?
Không. Tỷ lệ độ chói đối xứng. Hoán đổi thay bản xem trước để so sánh hai cách hiển thị.
Đạt AA có nghĩa cả trang đáp ứng khả năng tiếp cận không?
Không. Chỉ cặp màu này được kiểm tra theo ngưỡng hiển thị. Tiêu chí áp dụng cho chữ hoặc thành phần và các yêu cầu khác cần đánh giá riêng.
Có thể lưu kết quả không?
Dùng Sao chép để lấy tỷ lệ hiển thị. Công cụ không tạo báo cáo hay chứng nhận khả năng tiếp cận cho trang.