Nhà phát triển🔒 Chay trong trinh duyet

Kiểm tra độ tương phản màu

Kiểm tra tuân thủ WCAG AA/AAA cho độ tương phản màu

Màu chữ

Màu nền

Tiêu đề xem trước

Đây là cách văn bản thân sẽ trông với những màu này.

Và đây là văn bản nhỏ để tham khảo.

Tỷ lệ tương phản

21.00:1

WCAG AA

Văn bản thường✓ Đạt

Văn bản lớn (18px+)✓ Đạt

Thành phần UI✓ Đạt

WCAG AAA

Văn bản thường✓ Đạt

Văn bản lớn (18px+)✓ Đạt

Về Kiểm tra độ tương phản màu

Công cụ kiểm tra độ tương phản màu đánh giá tỷ lệ tương phản giữa hai màu theo hướng dẫn WCAG 2.1. Cho biết liệu các kết hợp màu có đáp ứng tiêu chuẩn truy cập AA hoặc AAA cho văn bản thường, văn bản lớn và thành phần UI hay không. Mọi thứ chạy trên trình duyệt.

Câu hỏi thường gặp

Tỷ lệ tương phản tốt là bao nhiêu?

WCAG AA yêu cầu tỷ lệ tối thiểu 4.5:1 cho văn bản thường và 3:1 cho văn bản lớn (18px+ hoặc 14px+ đậm). WCAG AAA yêu cầu 7:1 cho văn bản thường và 4.5:1 cho văn bản lớn. Tỷ lệ cao hơn nghĩa là khả năng đọc tốt hơn.

Sự khác biệt giữa AA và AAA là gì?

AA là tiêu chuẩn tối thiểu được khuyến nghị cho hầu hết nội dung web. AAA là tiêu chuẩn nghiêm ngặt hơn cung cấp khả năng đọc tốt hơn cho người dùng khiếm thị. Đạt AAA là lý tưởng nhưng không phải lúc nào cũng bắt buộc.

Tỷ lệ tương phản được tính toán như thế nào?

Tỷ lệ tương phản được tính bằng độ sáng tương đối của mỗi màu như được định nghĩa bởi WCAG 2.1. Công thức so sánh màu sáng hơn và tối hơn trên thang điểm từ 1:1 (không tương phản) đến 21:1 (tương phản tối đa, đen trên trắng).

Về Kiểm tra độ tương phản màu

Câu hỏi thường gặp

Tỷ lệ tương phản tốt là bao nhiêu?

Sự khác biệt giữa AA và AAA là gì?

Tỷ lệ tương phản được tính toán như thế nào?