Kiểm tra độ tương phản giữa màu chữ và màu nền so với tiêu chuẩn đọc được WCAG AA và AAA.
Chữ mẫu dễ đọc
Xem trước độ tương phản WCAG
Tỷ lệ
17.74:1
AA chữ thường
Đạt
AA chữ lớn
Đạt
AAA chữ thường
Đạt
AAA chữ lớn
Đạt
Các công cụ miễn phí thường dùng cùng nhau. Mọi thứ chạy trong trình duyệt của bạn.
Tỉ lệ tương phản đo sự khác biệt độ sáng giữa hai màu, thường là văn bản và nền của nó, được biểu diễn dưới dạng số từ 1:1, giống nhau và không thể đọc, đến 21:1, đen thuần trên trắng thuần. Tỉ lệ cao hơn có nghĩa là văn bản dễ đọc hơn, điều này quan trọng với người có thị lực kém, mắt già hơn, hoặc màn hình điện thoại dưới ánh nắng mạnh. Đây là phép đo tương tự mà các hướng dẫn và kiểm tra khả năng tiếp cận dùng để đánh giá văn bản có dễ đọc không.
Nhà thiết kế chọn bảng màu văn bản và nền cho trang web, nhà phát triển thực hiện kiểm tra khả năng tiếp cận trước khi ra mắt, và nhà tiếp thị chọn màu cho nút hoặc banner cần dễ đọc với càng nhiều khách truy cập càng tốt.
AA là mục tiêu khả năng tiếp cận được sử dụng rộng rãi từ Hướng dẫn tiếp cận nội dung web (Web Content Accessibility Guidelines). Nó yêu cầu văn bản thường đạt ít nhất tỉ lệ tương phản 4,5:1 và văn bản lớn ít nhất 3:1.
AAA là mức nghiêm ngặt hơn, yêu cầu ít nhất 7:1 cho văn bản thường và 4,5:1 cho văn bản lớn. Hầu hết dự án nhắm đến AA, trong khi AAA được dành cho nội dung mà khả năng tiếp cận đặc biệt quan trọng.
Dùng màu hex 3 chữ số hoặc 6 chữ số, có hoặc không có dấu thăng (#), cho cả hai trường văn bản và nền.
Không. Màu hex được kiểm tra hoàn toàn trong trình duyệt của bạn.
Không. Tỉ lệ tương phản là một yếu tố quan trọng, nhưng kích thước font dễ đọc, khoảng cách đủ và không chỉ dựa vào màu sắc để truyền đạt ý nghĩa cũng quan trọng.
Được xử lý cục bộ trong trình duyệt của bạn. Các tập tin của bạn không bao giờ được tải lên máy chủ của chúng tôi.