🌓Công cụ Kiểm tra Độ Tương phản Màu sắc

Tỉ lệ Tương phản là gì

Tỉ lệ tương phản là chỉ số thể hiện độ chênh lệch độ sáng giữa màu chữ và màu nền, được biểu thị bằng các con số từ 1:1 đến 21:1. Kết hợp màu đen và trắng cho tỉ lệ tối đa 21:1, trong khi cùng màu có tỉ lệ tối thiểu 1:1.

• Cách tính toán：Tỉ lệ tương phản được tính bằng cách chuyển đổi hai màu thành độ sáng tương đối sRGB, sau đó cộng 0,05 vào độ sáng của màu sáng hơn và màu tối hơn, rồi chia hai số này cho nhau.
• Hướng dẫn về giá trị số：Đối với nền trắng (#FFFFFF), màu xám #777777 có tỉ lệ tương phản 4,47:1, #999999 là 2,84:1 và màu đen (#000000) là 21:1.

Sự khác biệt giữa AA và AAA của WCAG

WCAG là hướng dẫn quốc tế về khả năng truy cập nội dung web, xác định đường dẫn đạt chuẩn cho tỉ lệ tương phản ở hai mức: AA và AAA.

• AA (Tiêu chuẩn bình thường)：AA yêu cầu tỉ lệ tương phản 4,5:1 trở lên cho văn bản thường và 3,0:1 trở lên cho chữ lớn, đây là tiêu chuẩn mà các trang web thông thường hướng tới.
• AAA (Tiêu chuẩn nghiêm ngặt hơn)：AAA yêu cầu tỉ lệ tương phản 7:1 trở lên cho văn bản thường và 4,5:1 trở lên cho chữ lớn, tiêu chuẩn này hướng tới khả năng đọc tốt ngay cả cho người có thị lực yếu.

Định nghĩa Chữ lớn

Chữ lớn theo WCAG là những ký tự có kích thước khoảng 18 điểm (24px) trở lên, hoặc từ 14 điểm (khoảng 18,7px) trở lên nếu in đậm.

• Văn bản thường：Văn bản thường là những ký tự không rơi vào loại chữ lớn, bao gồm nội dung bài viết và chú thích, cần tỉ lệ tương phản 4,5:1 trở lên.
• Mối liên hệ với tiêu đề：Ngay cả tiêu đề cũng được xem như văn bản thường nếu kích thước dưới 24px và không in đậm, do đó cần kiểm tra cả kích thước lẫn độ dày.