Dán màu nền và màu chữ (hoặc chọn từ ảnh chụp màn hình); nhận tỷ lệ tương phản và các cấp độ WCAG đạt được. WCAG 2.1 AA là chuẩn tiếp cận pháp lý cơ bản tại hầu hết các khu vực; AAA là chuẩn cao hơn được khuyến nghị cho nội dung quan trọng.
Các ngưỡng
- WCAG AA, văn bản thường: tối thiểu 4.5:1.
- WCAG AA, văn bản lớn (18pt+ hoặc 14pt+ in đậm): tối thiểu 3:1.
- WCAG AAA, văn bản thường: tối thiểu 7:1.
- WCAG AAA, văn bản lớn: tối thiểu 4.5:1.
- Thành phần giao diện phi văn bản (nút, viền biểu mẫu): tối thiểu 3:1 (WCAG 2.1+).
Tại sao độ tương phản lại quan trọng
Văn bản có độ tương phản thấp sẽ không đọc được đối với người dùng thị lực kém (khoảng 4% dân số), người dùng dưới ánh nắng chói chang, người dùng màn hình giá rẻ và người già (cuối cùng ai cũng sẽ già). Nhiều hệ thống thiết kế mặc định dùng xám trên xám vì trông thanh lịch trên màn hình 5K đã hiệu chỉnh của nhà thiết kế — nhưng lại không đọc được ở nơi khác.
Không đạt WCAG AA cũng có thể bị kiện tại Mỹ (ADA Title III), EU (EAA) và nhiều khu vực khác. Bảo hiểm rẻ: hãy kiểm tra mọi cặp văn bản/nền trước khi xuất bản.
Những gì chúng tôi báo cáo
- Tỷ lệ tương phản dưới dạng số (ví dụ: 4.71:1).
- Đạt/không đạt cho từng cấp độ WCAG và kích thước văn bản.
- Gợi ý sửa lỗi: màu chữ tối hơn hoặc màu nền sáng hơn gần nhất có thể đạt chuẩn.
- Xem trước trực tiếp với văn bản mẫu trong cặp màu đó.
Kết hợp với trình mô phỏng mù màu
Độ tương phản và mù màu là hai khía cạnh tiếp cận khác nhau. Hãy chạy Trình mô phỏng mù màu trên cùng giao diện để đảm bảo nó cũng hoạt động với người dùng bị rối loạn sắc giác.
Câu hỏi thường gặp
Định nghĩa về 'văn bản lớn' là gì?
WCAG: 18pt thường hoặc 14pt đậm. Khoảng 24px thường hoặc 19px đậm trong CSS.
Nó có hoạt động trên gradient không?
Hãy kiểm tra điểm tệ nhất — thường là phần sáng nhất của gradient so với nền trước của bạn.
Tôi có thể kiểm tra từ ảnh chụp màn hình không?
Có — tải lên ảnh chụp màn hình và nhấp vào màu nền trước và màu nền.
Tỷ lệ tối thiểu chấp nhận được là bao nhiêu?
WCAG AA: 4.5:1 cho văn bản chính. Bất kỳ tỷ lệ nào thấp hơn đều không đạt yêu cầu.
Tối hơn có luôn tốt hơn không?
Độ tương phản cao hơn thì tốt hơn cho khả năng đọc. Nhưng màu đen tuyền trên nền trắng tinh có thể gây chói mắt; nhiều hệ thống sử dụng #1A1A1A trên #FAFAFA để có độ tương phản mềm hơn một chút nhưng vẫn đạt chuẩn AAA.
Độ tương phản của biểu tượng thì sao?
WCAG 2.1 đã bổ sung tỷ lệ tối thiểu 3:1 cho các thành phần giao diện không phải văn bản — như nút bấm, đường viền biểu mẫu, vòng tiêu điểm.
Tôi có thể kiểm tra hàng loạt các cặp màu không?
Premium: dán tệp CSV chứa các cặp màu và nhận tất cả tỷ lệ trong một báo cáo.
Tải lên có được bảo mật không?
Có — sẽ bị xóa trong vòng 24 giờ.
Giới thiệu Kiểm tra độ tương phản
Kiểm tra độ tương phản là công cụ trực tuyến miễn phí từ Wallpapers.com, chạy hoàn toàn trong trình duyệt — không cần cài đặt, không watermark, không cần đăng ký email cho lần dùng đầu.
Kiểm tra xem cặp màu nền/chữ có đạt chuẩn WCAG về khả năng tiếp cận hay không.
Cách sử dụng Kiểm tra độ tương phản
- Thả hình ảnh của bạn vào khu vực tải lên (đơn hoặc hàng loạt — bật Bulk ở trên cùng).
- Chọn bất kỳ cài đặt nào công cụ cung cấp (kích thước, định dạng, chất lượng).
- Nhấn Run. Kết quả tự động tải xuống — không cần bước lưu thủ công.
Khi nào nên sử dụng
Các trường hợp sử dụng phổ biến bao gồm:
chuẩn bị hình ảnh để tải lên web, danh sách thương mại điện tử, nền tảng mạng xã hội có ràng buộc định dạng và chuyển đổi tệp từ thiết bị hoặc ứng dụng này sang thiết bị khác.
Free vs Premium
Mọi khách truy cập đều có một lần dùng thử miễn phí; người dùng đã đăng nhập miễn phí có hạn ngạch hàng ngày cao hơn. Đăng ký
Premium
để có số lần chạy không giới hạn, xử lý hàng loạt lên đến 200 hình ảnh mỗi lần, hàng đợi ưu tiên và duyệt web không quảng cáo.
Công cụ liên quan
Đang tìm kiếm thứ gì đó hơi khác? Thử
EXIF Stripper
,
Xóa siêu dữ liệu EXIF
hoặc
Trình xem EXIF
— or browse all
Siêu dữ liệu & Trợ năng công cụ.
