Kiểm tra độ tương phản màu chữ và nền

Tính tỉ lệ tương phản WCAG và ngưỡng AA, AAA cho chữ thường và chữ lớn.

Thiết lập

Cách sử dụng

Chọn hai màu đặc. Kết quả kiểm tra tỉ lệ sáng tương đối; chữ lớn được hiểu là ít nhất 18pt hoặc 14pt đậm.

Thử với ví dụ

Chọn Dùng ví dụ để điền dữ liệu mẫu, rồi chọn Tạo kết quả. Điều chỉnh các trường cho phù hợp với dữ liệu thật.

Màu chữ:

#142d32

Màu nền:

#ffffff

Giới hạn và cách hiểu kết quả

Không thay thế kiểm tra toàn bộ khả năng truy cập; chưa tính ảnh nền hoặc độ trong suốt.

Kiểm tra đúng cặp chữ và nền

Dùng màu thực tế của chữ và vùng nền ngay phía sau nó. Với nền ảnh hoặc gradient, một cặp màu đại diện không mô tả mọi vị trí; cần xem các vùng có tương phản thấp nhất.

Tỷ lệ tương phản là một phần của khả năng đọc. Cỡ chữ, độ đậm, trạng thái nút và cách biểu thị lỗi cũng cần được kiểm tra trong trang thật.