Kiểm tra độ tương phản màu chữ và nền
Nhập màu chữ và màu nền để biết tỷ lệ tương phản, và biết nó đạt hay trượt từng mức của chuẩn WCAG. Có khung xem thử với cả chữ lớn lẫn chữ nhỏ, vì hai cỡ chữ chịu hai ngưỡng khác nhau.
Cách dùng
- Nhập màu chữ và màu nền. Khung xem thử ở trên cho thấy ngay ba cỡ chữ trên nền đó.
- Đọc tỷ lệ tương phản: từ 4,5:1 là đạt mức AA cho chữ thường, 3:1 cho chữ lớn.
- Bấm nút hai mũi tên để đảo màu chữ và màu nền.
- Nhớ rằng chữ 16px vẫn thuộc nhóm chữ thường và cần 4,5:1 — không phải 3:1.
Câu hỏi thường gặp
Tỷ lệ bao nhiêu là đủ?
Từ 4,5:1 trở lên cho chữ thường và 3:1 cho chữ lớn là đạt mức AA — mức tối thiểu mà hầu hết quy định về khả năng tiếp cận đòi hỏi. Mức AAA khắt khe hơn, cần 7:1.
Chữ lớn là từ cỡ nào?
Từ 24px trở lên, hoặc từ 18,66px trở lên nếu in đậm. Nhiều người tưởng chữ 16px đã là lớn rồi yên tâm với tỷ lệ 3:1, trong khi nó vẫn thuộc nhóm chữ thường và cần 4,5:1.
Vì sao chữ vàng trên nền trắng khó đọc hơn chữ lam, dù nhìn mã màu thì đậm như nhau?
Vì mắt người nhạy với xanh lục hơn hẳn xanh lam — trong công thức tính độ chói, hệ số của hai kênh này chênh nhau gần mười lần. Đó là lý do không được lấy trung bình ba kênh.
Quy định này có bắt buộc ở Việt Nam không?
Với trang của cơ quan nhà nước thì có yêu cầu về khả năng tiếp cận. Với trang thương mại thì chưa bắt buộc, nhưng chữ khó đọc làm mất khách ngay cả khi không ai phạt.
Còn viền ô nhập và biểu tượng thì sao?
Chúng chịu ngưỡng riêng là 3:1, vì phải nhìn thấy mới dùng được dù không phải chữ. Công cụ có hiện cả mức này.
Cập nhật lần cuối . Công cụ chạy hoàn toàn trên trình duyệt — dữ liệu bạn nhập không rời khỏi máy.