Kiểm Tra Độ Tương Phản Màu — Kiểm Tra Khả Năng Tiếp Cận WCAG

Độ tương phản màu đủ là yêu cầu pháp lý ở nhiều quốc gia và thiết yếu cho người khiếm thị. Công Cụ Kiểm Tra Độ Tương Phản của chúng tôi tính tỷ lệ và hiển thị xem bạn có đáp ứng tiêu chuẩn WCAG không.

Tiêu Chuẩn Tương Phản WCAG

WCAG AA: 4,5:1 cho văn bản thường, 3:1 cho văn bản lớn (18pt+). WCAG AAA: 7:1 cho văn bản thường, 4,5:1 cho văn bản lớn. AA là tiêu chuẩn pháp lý tối thiểu ở hầu hết các quốc gia. AAA là tiêu chuẩn lý tưởng để tiếp cận tối đa.

Tính Tỷ Lệ Tương Phản

Tỷ lệ = (L1 + 0,05) ÷ (L2 + 0,05), trong đó L1 và L2 là độ sáng tương đối. Đen trên trắng cho 21:1 (tối đa). Xám nhạt trên trắng có thể cho 1,2:1 — gần như không đọc được với bất kỳ ai.

Tương Phản Màu Trong Thực Tế

Các tông xám tinh tế trên nền trắng hấp dẫn về mặt thị giác nhưng thường thất bại với WCAG. Kiểm tra bảng màu của bạn sớm trong quá trình thiết kế. Dùng phiên bản tối hơn của màu thương hiệu cho văn bản.