Kiểm tra độ tương phản màu
Tỷ lệ được tính trong thẻ này. Không tải lên.
Tương phản
Chữ thường trông như thế này ở cỡ 16px.
Chữ lớn ở cỡ 24px
5.79:1
Tương phản WCAG 2: AA 4.5:1 cho chữ thường và 3:1 cho chữ lớn; AAA 7:1 và 4.5:1; phi văn bản 3:1.
Cách dùng công cụ này
Kiểm tra cặp màu chữ và nền theo WCAG 2 AA và AAA. Không tải lên.
Mở Kiểm tra tương phản
Một cặp mẫu hồng trên kem được điền sẵn. Tỷ lệ và các dòng đạt/không đạt nằm bên phải, dưới đoạn chữ mẫu.
Nhập màu của bạn
Gõ mã hex hoặc dùng bộ chọn màu cho chữ và nền. Đổi chỗ hoán đổi hai màu.
Sửa cặp màu không đạt
Khi chữ thường không đạt AA, màu chữ gần nhất đạt chuẩn được gợi ý dưới bảng. Sao chép đưa tỷ lệ và kết quả vào bộ nhớ tạm.
Câu hỏi thường gặp
Tỷ lệ tương phản nghĩa là gì?
Nó so sánh độ chói tương đối của màu chữ và màu nền trên thang từ 1:1 (cùng màu) đến 21:1 (đen trên trắng), theo định nghĩa của WCAG 2.
Có tải lên gì không?
Không. Tỷ lệ được tính trong thẻ này.
Cần tỷ lệ bao nhiêu?
WCAG AA yêu cầu 4.5:1 cho chữ thường và 3:1 cho chữ lớn; AAA yêu cầu 7:1 và 4.5:1. Biểu tượng, đường viền và ô nhập cần 3:1 (tương phản phi văn bản).
Thế nào là chữ lớn?
Từ 18pt (24px) chữ thường, hoặc 14pt (khoảng 18,7px) chữ đậm.
Gợi ý màu hoạt động thế nào?
Khi cặp màu không đạt AA cho chữ thường, màu chữ được dịch từng bước về phía đen hoặc trắng, tùy bên nào giúp ích, cho đến khi đạt 4.5:1. Sắc màu được giữ gần nhất có thể.