HTMLTiêu chí 1.4.1 (mức A) nói màu không được là kênh duy nhất truyền tải thông tin, chỉ ra hành động hay phân biệt trạng thái. Đây là tiêu chí khác hẳn 1.4.3 Contrast: contrast đủ mà vẫn trượt 1.4.1 là chuyện bình thường.
Ba chỗ hay dính nhất:
1. Ô input lỗi chỉ đổi viền đỏ. Người mù màu đỏ-lục (khoảng 8% nam giới) nhìn viền đỏ và viền xám gần như nhau. Phải thêm chữ lỗi hoặc icon cạnh ô.
2. Link nằm trong đoạn văn chỉ khác màu. Nếu bỏ gạch chân, WCAG yêu cầu link phải chênh 3:1 so với chữ xung quanh và có tín hiệu phi-màu khi hover/focus. Đơn giản nhất là giữ text-decoration: underline.
3. Biểu đồ chỉ có chú giải màu. Line chart 5 đường 5 màu là ca thất bại rõ nhất — thêm kiểu nét (stroke-dasharray), marker khác hình, hoặc nhãn đặt thẳng cuối mỗi đường.
<!-- trượt: chỉ có màu -->
<input class="is-invalid">
<!-- đạt: màu + icon + chữ -->
<input aria-invalid="true" aria-describedby="err">
<p id="err"><WarningIcon aria-hidden="true" /> Số điện thoại phải có 10 chữ số</p>Cách kiểm nhanh: chụp màn hình rồi chuyển sang grayscale.
Nếu ảnh xám vẫn hiểu được thì đạt.