Kiểm tra tương phản

Hai mức tuân thủ thực chất là hai phiên bản chặt dần của cùng một ý tưởng. AA — 4.5:1 cho chữ cỡ thường — là mức mà phần lớn luật, tiêu chuẩn và quy định mua sắm viện dẫn. AAA ở mức 7:1 dành cho trang nhiều chữ và người thị lực kém. Chữ lớn, nghĩa là từ 24px thường hoặc khoảng 19px đậm trở lên, được nới ngưỡng xuống 3:1 và 4.5:1, vì nét chữ to dày vẫn dễ đọc ở độ tương phản thấp hơn. Các phần giao diện không phải chữ — viền ô nhập, biểu tượng, vòng tiêu điểm — cần 3:1 riêng của chúng.

Kết luận ở đây được tính trên tỷ lệ chưa làm tròn: một cặp màu đo được 4.4999 sẽ hiển thị là 4.50 nhưng vẫn trượt AA, đúng như điều một công cụ kiểm định chuyên nghiệp sẽ kết luận.

Màu trong suốt một phần được ghép lên nền trước khi đo, vì tương phản chỉ được định nghĩa giữa các màu đục, và sẽ có ghi chú khi việc đó xảy ra. Phần xem trước hiển thị đúng cặp màu của bạn ở cả hai cỡ chữ, ngay trong trang, không gửi đi đâu.

• Tỷ lệ WCAG 2.2 chính xác, phán định trước khi làm tròn, hiển thị hai chữ số thập phân
• Kết luận cho AA và AAA ở cả cỡ chữ thường lẫn chữ lớn
• Kiểm tra luôn quy tắc phi văn bản 3:1 (SC 1.4.11) bên cạnh các quy tắc về chữ
• Nhận hex, rgb(), hsl() và oklch(), giống hệt công cụ chuyển đổi màu
• Màu trong suốt được ghép lên nền trước khi đo, kèm ghi chú rõ ràng
• Xem trước trực tiếp cặp màu ở 16px và 24px, kèm nút đảo màu một chạm