Trình kiểm tra độ tương phản màu

Công Cụ Này Là Gì?

Kiểm tra xem kết hợp màu nền trước (văn bản) và nền có đáp ứng tiêu chuẩn độ tương phản truy cập WCAG 2.1 hay không. Nhận tỷ lệ tương phản ngay lập tức và kết quả đạt/không đạt cho các mức tuân thủ AA và AAA.

Cách Sử Dụng

1. Chọn hoặc gõ giá trị hex cho màu nền trước (văn bản).
2. Chọn hoặc gõ giá trị hex cho màu nền.
3. Xem bản xem trước trực tiếp và kết quả đạt/không đạt cho từng mức WCAG.

Trường Hợp Sử Dụng Phổ Biến

• Xác minh các lựa chọn màu văn bản và nền đáp ứng hướng dẫn truy cập trước khi phát hành thiết kế
• Chọn kết hợp màu dễ đọc cho nút, liên kết và văn bản chính
• Kiểm tra một trang web hoặc ứng dụng hiện có về tuân thủ khả năng truy cập

Mẹo & Thủ Thuật

• AA (4.5:1) là tiêu chuẩn tối thiểu mà hầu hết các trang web nên đáp ứng cho văn bản thông thường.
• Văn bản lớn (18pt+, hoặc 14pt+ đậm) có tỷ lệ yêu cầu thấp hơn vì dễ đọc hơn ở độ tương phản thấp hơn.