Chữ #de5d83 trên nền #e30b5c: kiểm tra độ tương phản

Kiểm tra chữ trên nền theo cả WCAG 2 và APCA cùng lúc, rồi sửa chỉ với một cú nhấp.

Chữ

Nền

Tiêu đề lớn

Chữ nội dung ở cỡ đọc thông thường. Phần lớn trang được trình bày như thế này, nên nó cần độ tương phản cao nhất.

Chữ nhỏ, chú thích và gợi ý

Nút bấm

Khó đọc

Tương phản quá thấp, kể cả với tiêu đề lớn. Hãy đổi một trong hai màu hoặc dùng cách sửa bên dưới.

1,34:1

Lc -7,5

Quá thấp cho mọi loại chữ

Phiên bản APCA-W3 0.1.9. APCA là ứng viên cho WCAG 3 và chỉ mang tính tham khảo.

Sửa cho đạt

Màu đạt chuẩn gần nhất. Chỉ độ sáng thay đổi, nên tông màu vẫn giữ nguyên.

	Chỉnh màu chữ	Chỉnh màu nền
WCAG AA 4,5:1	`#fff8fc`	`#4e0015`
WCAG AAA 7:1	Không thể đạt nếu chỉ đổi độ sáng.	Không thể đạt nếu chỉ đổi độ sáng.
APCA Lc 75	`#ffffff`	Không thể đạt nếu chỉ đổi độ sáng.