Độ tương phản màu
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.
Readable sample text
WCAG contrast check preview
Ratio
17.74:1
AA normal
Pass
AA large
Pass
AAA normal
Pass
AAA large
Pass
Công cụ hữu ích khác
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.
- Công cụ hình ảnhTrình tối ưu hóa SVGNén tệp SVG cục bộ
- Công cụ dành cho nhà phát triểnBộ chuyển đổi đơn vịChiều dài, trọng lượng, nhiệt độ
- Công cụ dành cho nhà phát triểnBộ đếm từĐếm từ và ký tự
- Công cụ dành cho nhà phát triểnTrình định dạng JSONĐịnh dạng và xác thực JSON
- Công cụ dành cho nhà phát triểnCSV sang JSONChuyển đổi CSV và JSON theo cả hai cách
- Công cụ dành cho nhà phát triểnTrình tạo hàm bămSHA-256 và các hàm băm khác
Cách sử dụng công cụ này
- Nhập màu hex của văn bản và màu hex của nền.
- Xem lại tỷ lệ xem trước và độ tương phản.
- Kiểm tra kết quả WCAG AA và AAA đạt hoặc không đạt.
Câu hỏi thường gặp
Tỉ lệ tương phản là gì?
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.
Ai nên dùng công cụ này?
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.
WCAG AA có nghĩa gì?
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.
Sự khác biệt giữa AA và AAA là gì?
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.
Những định dạng hex nào hoạt độ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.
Có gì được tải lên không?
Không. Màu hex được kiểm tra hoàn toàn trong trình duyệt của bạn.
Vượt qua có đảm bảo khả năng tiếp cận không?
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.