Trình kiểm tra độ tương phản và khả năng truy cập màu

Công cụ kiểm tra độ tương phản này tính tỷ lệ giữa màu chữ và màu nền theo công thức WCAG 2.1: mỗi màu RGB được đổi sang độ chói tương đối, rồi lấy (màu sáng hơn + 0,05) ÷ (màu tối hơn + 0,05) để ra giá trị từ 1:1 đến 21:1. Chữ đen trên nền trắng đạt tối đa 21:1, hai màu giống nhau cho 1:1. Bạn có thể chọn màu bằng bảng màu hoặc nhập mã HEX, phần xem trước chữ và nút sẽ cập nhật ngay.

Mức AA của WCAG yêu cầu văn bản thường đạt ít nhất 4,5:1, mức AAA yêu cầu 7:1; văn bản lớn (18pt, hoặc 14pt in đậm) được nới xuống 3:1 và 4,5:1. Huy hiệu AA và AAA trong công cụ dùng ngưỡng của văn bản thường. Tỷ lệ không được làm tròn lên: #777777 trên nền trắng là 4,47:1, trông rất sát nhưng vẫn không đạt, còn #767676 đạt 4,54:1 và qua mức AA. #595959 trên nền trắng khoảng 7,00:1, đủ cho AAA.

Nếu cặp màu không đạt, hãy bấm sửa thông minh: công cụ giữ hướng sắc độ và làm sáng màu chữ (trên nền tối) hoặc làm tối (trên nền sáng) từng bước cho tới khi đạt 4,5:1; nếu không thể, công cụ chuyển sang đen hoặc trắng tuyệt đối. Đây là cách nhanh để tìm màu dùng được, nhưng màu thương hiệu vẫn nên để nhà thiết kế tinh chỉnh lần cuối.

Trình mô phỏng mù màu cho phép tải ảnh lên hoặc dùng ảnh mẫu để xem như người mắc mù màu đỏ (protanopia), mù màu lục (deuteranopia), mù màu lam (tritanopia) hoặc mù màu toàn phần (achromatopsia), dựa trên ma trận màu. Công cụ giúp kiểm tra biểu đồ, bản đồ hay màu trạng thái có chỉ dựa vào sắc độ hay không. Ảnh được thu nhỏ trong khung 800×600 và xử lý bằng canvas trong trình duyệt, không tải lên máy chủ. Kết quả chỉ là mô phỏng gần đúng; khả năng nhìn màu khác nhau ở mỗi người.