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

Câu hỏi thường gặp

Tỷ lệ tương phản thật ra đo cái gì?

Đo độ lệch giữa độ chói tương đối (relative luminance) của hai màu — một giá trị độ sáng tính từ các kênh sRGB qua một công thức mô phỏng cách mắt người phản ứng với ánh sáng, không phải trung bình cộng đơn giản của số RGB. Kết quả luôn từ 1:1 (hai màu giống hệt, không có tương phản) đến 21:1 (đen tuyệt đối trên trắng tuyệt đối, mức tối đa màn hình có thể cho).

Ngưỡng 4.5:1 và 3:1 khác nhau ở đâu?

4.5:1 là mức tối thiểu của WCAG AA cho cỡ chữ thường; 3:1 là mức tối thiểu AA cho chữ lớn, vốn dễ đọc hơn ở độ tương phản thấp hơn vì nét chữ to hơn thì dày hơn. AAA nâng cả hai ngưỡng lên: 7:1 cho cỡ chữ thường và 4.5:1 cho chữ lớn.

Chữ lớn theo chuẩn WCAG được định nghĩa cụ thể ra sao?

Cỡ chữ 18pt thường (khoảng 24px trên đa số trình duyệt) hoặc 14pt in đậm (khoảng 18,66px) trở lên. Nhỏ hơn mức đó, dù trông có to trên màn hình phân giải cao đến đâu, vẫn bị soi theo ngưỡng cỡ chữ thường khắt khe hơn — định nghĩa này dựa trên cỡ chữ point và độ đậm, không phải cảm giác to nhỏ khi hiển thị.

Vì sao #777777 trên nền trắng không đạt còn #767676 lại đạt?

Vì hai màu này nằm ở hai phía của ngưỡng 4.5:1, chỉ cách nhau một chút — #777777 trên trắng là 4.48:1, còn #767676 trên trắng là 4.54:1. Chỉ một chữ số xám khác đi đã đủ đẩy tỷ lệ qua vạch, và đó chính là lý do cần công cụ đo thay vì nhìn mắt thường hai màu gần như giống hệt nhau.

Một cặp màu đạt AA thoải mái thì có chắc dễ đọc không?

Thường là có, nhưng tỷ lệ chỉ là ngưỡng sàn, không phải điểm đánh giá độ dễ đọc toàn diện. Nó không nói gì về độ đậm chữ, khoảng cách chữ, độ dài dòng hay tông màu cụ thể — hai cặp cùng tỷ lệ vẫn có thể đọc khác nhau, nên xem việc đạt chuẩn là mức tối thiểu, không phải bằng chứng chữ đã dễ đọc.

Tỷ lệ cao hơn có luôn nghĩa là mắt thấy tương phản nhiều hơn theo đúng tỷ lệ đó không?

Không hẳn. Độ chói tương đối được tính qua một hàm phi tuyến, nên đi từ tỷ lệ 4:1 lên 8:1 không có nghĩa là mắt thấy khác biệt gấp đôi — thang đo bị nén ở vùng sáng và giãn ở vùng tối, một phần lý do vì sao hai cặp màu đọc thoải mái như nhau vẫn có thể có tỷ lệ chênh lệch rõ rệt.

Nếu màu nền có độ trong suốt thì tính sao?

Tỷ lệ được tính như thể màu đó đục hoàn toàn, vì WCAG định nghĩa tương phản dựa trên thứ thật sự hiển thị trên màn hình — mà điều đó phụ thuộc vào cái gì nằm phía sau lớp trong suốt. Hãy làm phẳng màu đó với nền thật của nó trước khi kiểm tra nếu bạn cần một con số chính xác.