Kiểm tra độ tương phản màu

Cách hoạt động

Chữ xám nhạt trên nền trắng là lỗi khả năng tiếp cận phổ biến nhất trên web, và hoàn toàn có thể tránh được. Hướng dẫn về khả năng tiếp cận định nghĩa độ tương phản là một tỷ lệ chính xác, nên một cặp màu có đạt hay không là chuyện tính toán chứ không phải ý kiến.

Tỷ lệ được tính như thế nào

Độ sáng tương đối của mỗi màu được tính theo đúng cách hướng dẫn quy định, với hiệu chỉnh gamma áp dụng cho từng kênh, và tỷ lệ được lấy giữa màu sáng hơn và tối hơn. Kết quả khớp với những gì một đợt kiểm tra khả năng tiếp cận sẽ báo cáo, vì đó là cùng một công thức.

Các ngưỡng

Văn bản thường cần 4.5:1 cho AA và 7:1 cho AAA. Văn bản lớn, khoảng 24px hoặc 18.7px nếu in đậm, chỉ cần 3:1 cho AA và 4.5:1 cho AAA. Thành phần giao diện và đồ họa có ý nghĩa cần 3:1. AA là mức mà hầu hết tổ chức và hầu hết quy định pháp luật yêu cầu.

Tại sao văn bản lớn được yêu cầu thấp hơn

Chữ lớn hơn có nhiều pixel hơn tạo nên mỗi nét, nên vẫn dễ đọc ở độ tương phản thấp hơn. Đó là lý do một tiêu đề có thể dùng màu xám nhạt hơn so với văn bản nội dung.

Những gì tỷ lệ không nắm bắt được

Nó không nói gì về mù màu, vốn là một bước kiểm tra riêng, và cũng không nói gì về việc chữ có đủ lớn hay kiểu chữ có dễ đọc không. Một tỷ lệ đạt chỉ là mức sàn, không phải bằng chứng của một thiết kế dễ đọc.