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

Tính độ tương phản của hai màu hoàn toàn đục và các ngưỡng chữ WCAG 2.2 AA/AAA.

Trang này hiển thị các công cụ có sẵn bằng ngôn ngữ này trong phạm vi hiện tại. Điều đó không có nghĩa mọi công cụ trên trang web đều đã được dịch sang mọi ngôn ngữ.

HEX có 3/4/6/8 chữ số; RGB từ 0–255 hoặc theo phần trăm; HSL có sắc độ 0–360 và độ bão hòa/độ sáng 0–100%. Dùng dấu phẩy và alpha từ 0–1. Kiểm tra tương phản chỉ chấp nhận màu hoàn toàn đục.

WCAG 2.2: AA yêu cầu 4.5:1 cho chữ cỡ thông thường và 3:1 cho chữ lớn; AAA yêu cầu 7:1 và 4.5:1. Chữ lớn là 18pt hoặc chữ đậm 14pt. Kết luận đạt/không đạt dùng tỷ lệ chưa làm tròn; đây không phải chứng nhận khả năng tiếp cận.

Cách sử dụng

Nhập màu chữ và màu nền hoàn toàn đục rồi tính. Đọc tỷ lệ và kết quả từng ngưỡng theo cỡ chữ thực tế của bạn.

Thử ví dụ

Màu đen #000000 trên nền trắng #FFFFFF cho tỷ lệ 21:1; cùng một màu trên chính màu đó cho 1:1.

Phạm vi hỗ trợ và giới hạn

WCAG 2.2: AA yêu cầu 4.5:1 cho chữ cỡ thông thường và 3:1 cho chữ lớn; AAA yêu cầu 7:1 và 4.5:1. Chữ lớn là 18pt hoặc chữ đậm 14pt. Kết luận dùng tỷ lệ chưa làm tròn; phần hiển thị làm tròn đến bốn chữ số thập phân. Tài liệu W3C: Understanding SC 1.4.3 và SC 1.4.6.

Câu hỏi thường gặp

Kết quả đạt có nghĩa là trang web đáp ứng đầy đủ WCAG không?

Không. Công cụ chỉ kiểm tra tỷ lệ tương phản của hai màu. Phông chữ, hình ảnh, trạng thái tương tác và các yêu cầu khác về khả năng tiếp cận cần được xem xét riêng.

Công cụ liên quan