Trình kiểm tra độ tương phản màu
Kiểm tra tỷ lệ tương phản màu cho tuân thủ WCAG 2.1. Xác minh tiêu chuẩn AA và AAA ngay lập tức.
Tỷ lệ tương phản WCAG là gì?
Tỷ lệ tương phản WCAG đo sự khác biệt độ sáng giữa màu nền trước và nền sau. Từ 1:1 đến 21:1.
Yêu cầu WCAG AA và AAA là gì?
WCAG AA yêu cầu tối thiểu 4.5:1 cho văn bản thường và 3:1 cho văn bản lớn. AAA yêu cầu 7:1 và 4.5:1.
Văn bản lớn là gì?
Văn bản lớn được định nghĩa là 18pt (24px) trở lên, hoặc 14pt (18.66px) đậm trở lên.
Tại sao độ tương phản màu quan trọng?
Độ tương phản phù hợp đảm bảo văn bản có thể đọc được cho người khiếm thị và cải thiện khả năng đọc cho tất cả.
Làm thế nào để tính tỷ lệ tương phản?
Được tính bằng cách sử dụng giá trị độ sáng tương đối. Công thức là (L1 + 0.05) / (L2 + 0.05).
Tương phản tối thiểu cho elements UI là gì?
WCAG yêu cầu tối thiểu 3:1 cho các thành phần UI và đối tượng đồ họa.
Tôi có thể sử dụng bất kỳ kết hợp màu nào không?
Không phải tất cả kết hợp đều đáp ứng tiêu chuẩn truy cập. Sử dụng trình kiểm tra này để xác nhận.
Độ sáng tương đối là gì?
Là độ sáng cảm nhận của màu, từ 0 (đen) đến 1 (trắng). Được tính bằng không gian màu sRGB.
Tôi có cần kiểm tra tương phản hình ảnh không?
Văn bản trong hình ảnh phải đáp ứng các yêu cầu tương tự. Đối với hình ảnh trang trí không áp dụng.
Công cụ nào giúp ích cho tương phản?
Sử dụng công cụ nhà phát triển trình duyệt, plugin thiết kế hoặc trình kiểm tra trực tuyến như thế này.
Cách sử dụng Trình kiểm tra độ tương phản màu
Kiểm tra ngay tức thì độ tương phản của chữ và giao diện có đạt ngưỡng AA, AAA của WCAG 2.1 hay không, hoàn toàn trong trình duyệt. Nhập hai màu, tỷ số sẽ được tính cục bộ — không gì rời khỏi thiết bị.
- Gõ hoặc dán màu chữ vào ô Foreground Color theo định dạng được hỗ trợ, ví dụ HEX hoặc RGB.
- Điền ô Background Color bằng màu phía sau chữ để tính tỷ lệ tương phản.
- Xem tỷ số thu được cùng huy hiệu đạt AA và AAA cho chữ cỡ thường và chữ lớn.
- Chỉnh một trong hai màu cho đến khi tỷ số vượt 4,5:1 với phần thân bài hoặc 3:1 với chữ lớn và thành phần UI.
- Đổi giá trị Foreground Color và Background Color cho nhau để thử cặp ngược lại, chẳng hạn chữ sáng trên giao diện tối.
AAA (7:1) là mục tiêu đáng phấn đấu cho bài đọc dài, nhưng 4,5:1 (AA) mới là mức tối thiểu mà đa số hướng dẫn tiếp cận yêu cầu.
Công cụ liên quan
- Công cụ lấy màu Lấy màu từ màn hình bằng công cụ hút màu. Sao chép mã HEX, RGB, HSL ngay lập tức. Công cụ lấy màu trực tuyến miễn phí.
- Trình tạo bảng màu Tạo bảng màu đẹp và hài hòa ngay lập tức với trình tạo trực tuyến miễn phí của chúng tôi. Hỗ trợ chế độ đơn sắc, tương tự, bổ sung, ba màu, phân tách bổ sung và bốn màu. Tinh chỉnh màu bằng thanh trượt HSL, khóa mục yêu thích và xuất dưới dạng CSS, Tailwind, JSON hoặc SVG. 100% dựa trên trình duyệt, dữ liệu của bạn không bao giờ rời khỏi thiết bị.
- Trình mô phỏng mù màu Trình mô phỏng mù màu trực tuyến miễn phí. Kiểm tra thiết kế cho Protanopia, Deuteranopia, Tritanopia và các loại khác. 100% riêng tư, chạy trong trình duyệt.
- GIF Tách Khung Hình Trích xuất và tải xuống khung hình riêng lẻ từ hoạt ảnh GIF dưới dạng PNG hoặc sprite sheet. Công cụ trực tuyến miễn phí với xem trước và xuất ZIP.
- GIF Đảo Ngược Đảo ngược thứ tự phát hoạt ảnh GIF trực tuyến miễn phí. Tải lên, xem trước và tải xuống ngay lập tức.
- Thay đổi Tốc độ GIF Thay đổi tốc độ ảnh GIF trực tuyến. Tăng tốc hoặc làm chậm tệp GIF ngay lập tức.
- Video sang GIF Chuyển đổi video thành GIF hoạt hình trực tuyến. Điều chỉnh chất lượng, tốc độ khung hình và độ phân giải ngay trong trình duyệt mà không cần tải lên.
- Trình Tạo Meme Trình tạo meme miễn phí trực tuyến. Thêm chữ kinh điển trên/dưới vào bất kỳ ảnh nào, kéo chữ tự do và tải meme của bạn về dưới dạng PNG hoặc JPEG ngay lập tức.