Công cụ kiểm tra độ tương phản màu

Thế nào được xem là văn bản lớn

WCAG định nghĩa văn bản lớn là ít nhất 18 point, khoảng 24 pixel CSS, hoặc 14 point in đậm, khoảng 18,7 pixel. Chỉ văn bản ở các kích thước đó mới được dùng ngưỡng thấp hơn là 3:1; nội dung chính, chú thích và nhãn trường biểu mẫu cần đạt 4,5:1 để đạt AA. Tỷ lệ trải từ 1:1 với các màu giống hệt nhau đến 21:1 với màu đen trên nền trắng. Đường viền nút, đường viền trường biểu mẫu, chỉ báo tiêu điểm và các biểu tượng có ý nghĩa thuộc một quy tắc riêng gọi là độ tương phản phi văn bản, yêu cầu tỷ lệ 3:1 so với các màu liền kề.

Màu trong suốt và trường hợp miễn trừ

Công cụ kiểm tra cần các màu đặc. Với văn bản hoặc lớp phủ bán trong suốt, hãy tính màu thực sự hiển thị bằng cách trộn nó với nền trong bộ trộn màu, dùng độ mờ làm trọng số, rồi kiểm tra màu đó.

Các điều khiển bị vô hiệu hóa, phần trang trí thuần túy và logo được miễn các quy tắc về độ tương phản. Văn bản giữ chỗ trong trường biểu mẫu thì không, đó là lý do các văn bản giữ chỗ màu xám nhạt nằm trong số những lỗi phổ biến nhất.

Cách sử dụng

1. Nhập giá trị #RGB hoặc #RRGGBB hợp lệ cùng mọi tỷ lệ phần trăm được yêu cầu.
2. Chạy phép xử lý màu cố định ngay trong trình duyệt.
3. Xem các ô màu, rồi sao chép kết quả hoặc các giá trị bảng màu.

Quyền riêng tư và giới hạn

Các giá trị màu được giữ trên thiết bị này. Kết quả tương phản là phép kiểm tra toán học, không phải bảo đảm tuân thủ WCAG toàn diện; bạn vẫn cần xem xét ngữ cảnh, cách hiển thị phông chữ, độ tương phản không phải văn bản và các trạng thái giao diện người dùng.