Giới thiệu Lưới tương phản
Ma trận WCAG N×N cho danh sách màu
Cách sử dụng
Kiểm tra toàn bộ bảng màu cùng lúc bằng cách hiển thị mọi cặp màu với tỷ lệ tương phản trong một lưới duy nhất.
Giới hạn
Ma trận chỉ so sánh các màu bạn nhập; không biết cỡ chữ hay cặp nào thực sự xuất hiện cùng nhau.
Lưới tương phản
Nhấp vào ô để sao chép cặp chữ / nền.
Cách đọc ma trận
Hàng là màu chữ, cột là màu nền. Mỗi ô hiển thị tỷ lệ WCAG của cặp đó cùng nhãn AA và AAA cho chữ thường.
Đường chéo so màu với chính nó nên luôn là 1:1 và chỉ mang tính tham chiếu.
Khi nào nên dùng
Dùng lưới để kiểm tra bộ token trước khi phát hành. Nó phơi ra những cặp trông ổn khi đứng riêng nhưng thất bại khi ghép, nhất là màu thương hiệu tông trung dùng cho cả chữ lẫn nền.
Câu hỏi thường gặp
Nhãn có nghĩa gì?
AA cần 4.5:1 và AAA cần 7:1 cho chữ thường. Chữ lớn dùng 3:1 và 4.5:1.
Vì sao đường chéo được đánh dấu?
Màu so với chính nó luôn là 1:1 nên được coi là tham chiếu, không phải lỗi.
Có thể dán hơn năm màu không?
Có. Thêm một màu mỗi dòng và ma trận sẽ mở rộng.