Trình kiểm tra tương phản WCAG
Riêng tư theo thiết kế — chạy hoàn toàn trong trình duyệt của bạn
Chọn màu chữ và màu nền, nhận tỉ lệ tương phản WCAG cùng huy hiệu AA/AAA cho văn bản thường, văn bản lớn và thành phần UI.
Tỉ lệ nào được coi là đạt
WCAG AA yêu cầu 4,5:1 cho văn bản thường và 3:1 cho văn bản lớn (≥18 px regular hoặc ≥14 px in đậm). AAA siết lên 7:1 và 4,5:1 tương ứng.
Quy tắc 3:1 cho thành phần UI là gì
WCAG 2.1 SC 1.4.11 yêu cầu tương phản 3:1 cho icon, viền ô nhập và các thành phần UI phi văn bản mang thông tin. Huy hiệu trong công cụ phụ trách trường hợp này.
Có hỗ trợ màu bán trong suốt không
Có khi giá trị là rgba và nền đặc; nếu nhiều lớp trong suốt thì cần flatten trước. Công cụ cảnh báo khi parser không đọc được giá trị.
Câu hỏi thường gặp
- Tỉ lệ nào được coi là đạt?
- WCAG AA yêu cầu 4,5:1 cho văn bản thường và 3:1 cho văn bản lớn (≥18 px regular hoặc ≥14 px in đậm). AAA siết lên 7:1 và 4,5:1 tương ứng.
- Quy tắc 3:1 cho thành phần UI là gì?
- WCAG 2.1 SC 1.4.11 yêu cầu tương phản 3:1 cho icon, viền ô nhập và các thành phần UI phi văn bản mang thông tin. Huy hiệu trong công cụ phụ trách trường hợp này.
- Có hỗ trợ màu bán trong suốt không?
- Có khi giá trị là rgba và nền đặc; nếu nhiều lớp trong suốt thì cần flatten trước. Công cụ cảnh báo khi parser không đọc được giá trị.
- Có gì được upload không?
- Không. Phép tính là hàm nhỏ trong trang này; màu không rời khỏi trình duyệt.