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

Cách Hoạt Động

Hướng dẫn truy cập nội dung web (WCAG) 2.1 định nghĩa tỷ lệ tương phản tối thiểu giữa văn bản và nền để nội dung vẫn có thể đọc được đối với người khiếm thị. Công cụ này tính toán tỷ lệ trong ba bước: đầu tiên, mỗi màu được chuyển đổi thành độ sáng tương đối của nó bằng cách áp dụng hiệu chỉnh gamma cho các kênh sRGB (các giá trị dưới 0,03928 được chia cho 12,92, các giá trị trên được nâng lên ((c+0,055)/1,055)^2,4) và kết hợp kết quả với L = 0,2126*R + 0,7152*G + 0,0722*B. Sau đó, độ sáng của màu sáng nhất và tối nhất được lấy làm L1 và L2, và tỷ lệ tương phản là (L1 + 0,05) / (L2 + 0,05) — độ lệch 0,05 mô hình hóa một bề mặt phản chiếu đen kịt. Cuối cùng, tỷ lệ được so sánh với các ngưỡng WCAG: AA yêu cầu ≥ 4,5:1 cho văn bản thông thường, ≥ 3:1 cho văn bản lớn (18pt+, hoặc 14pt+ in đậm), AAA yêu cầu ≥ 7:1 cho văn bản thông thường và ≥ 4,5:1 cho văn bản lớn. Công cụ hiển thị bản xem trước trực tiếp và huy hiệu đạt/không đạt cho mỗi mức WCAG để bạn có thể điều chỉnh bảng màu của mình và xem kết quả ngay lập tức.

Trường Hợp Sử Dụng

• Chọn màu thương hiệu phù hợp với khả năng truy cập khi xây dựng hệ thống thiết kế
• Xác nhận các thành phần UI hiện có đạt WCAG AA hoặc AAA
• Chứng minh với khách hàng rằng sự kết hợp màu cụ thể không phù hợp với văn bản
• Dạy các nhà thiết kế và nhà phát triển về khả năng truy cập
• Chuẩn bị tài liệu cho các yêu cầu khả năng truy cập hợp pháp