Chuyển đổi màu
Đổi HEX, RGB và HSL cùng độ trong suốt, xem mẫu màu và sao chép giá trị CSS.
Kiểm tra tương phản màu
Đo tương phản theo WCAG 2.2 với xem trước và kết quả AA, AAA riêng cho chữ cỡ thường và chữ lớn.
Văn bản dễ đọc giúp thông điệp rõ ràng hơn.
Chữ cỡ thường · Aa 123
Tỷ lệ tương phản
Tính theo WCAG 2.2. Nền trong suốt được ghép lên màu trắng.
Giới thiệu công cụ
Thử đúng cặp màu thực sự chồng lên nhau trên trang. Đạt kiểm tra này không đồng nghĩa cả trang đã đáp ứng khả năng tiếp cận.
Cách sử dụng
Chọn màu chữ và nền. Chữ cỡ thường cần tỷ lệ 4,5 cho AA và 7 cho AAA; chữ lớn cần 3 và 4,5. Chữ lớn từ 24 px, hoặc khoảng 18,67 px nếu in đậm. Nền trong suốt được ghép lên trắng. Đây là kiểm tra màu sắc, không phải đánh giá toàn bộ khả năng tiếp cận.
Câu hỏi thường gặp
Cỡ nào được coi là chữ lớn?
Từ 24px với nét thường hoặc khoảng 18,67px với nét đậm. Ngưỡng AA/AAA của chữ cỡ thường là 4,5:1/7:1, chữ lớn là 3:1/4,5:1. Nền trong suốt được ghép lên trắng trước khi tính.
Tại sao tỷ lệ hiện 4,50 mà vẫn chưa đạt?
Tỷ lệ hiển thị được làm tròn đến hai chữ số thập phân, nhưng đánh giá dùng giá trị chưa làm tròn. Một giá trị ngay dưới ngưỡng cũng có thể hiện thành 4,50. Tăng độ tương phản cho đến khi trạng thái đánh giá thực sự đạt.
Kết quả có đủ cho nền ảnh hoặc nền trong suốt không?
Công cụ tính hai màu, trong đó nền trong suốt được ghép trên màu trắng. Hãy đối chiếu giả định này với nền thật của trang. Với ảnh và chuyển màu, kiểm tra vùng dưới chữ có độ tương phản thấp nhất.
Công cụ liên quan
Mở trong thẻ mới
Bình luận
0