Kiểm tra tương phản

Tỷ lệ tương phản WCAG hai màu.

Độ chói tương đối sRGB. Chữ thường AA 4.5:1, AAA 7:1.

8.33:1

Văn bản bình thường · AA đạt · AAA đạt

Văn bản lớn · AA đạt · AAA đạt

Kiểm tra tương phản dùng để làm gì

Độ chói tương đối sRGB. Chữ thường AA 4.5:1, AAA 7:1.

Kiểm tra tương phản nằm trong nhóm Thiết kế có chủ đích. Không phải Chọn màu (Hex, RGB và HSL từ màu.) cũng không phải Tạo mã QR (Tạo mã QR cho URL hoặc văn bản—ECC, kích thước, vùng yên tĩnh và màu sắc, tất cả đều có trên thiết bị.). Chỉ dùng trang này khi bạn cần Tỷ lệ tương phản WCAG hai màu. Ép Kiểm tra tương phản làm việc của công cụ bên cạnh sẽ sai kết quả.

Cách dùng Kiểm tra tương phản

  1. Dùng Kiểm tra tương phản cho việc thiết kế này (contrast checker). Chọn màu kề bên (Hex, RGB và HSL từ màu.) nhưng không giống.
  2. Thêm loại tệp mà Kiểm tra tương phản nhận. Gợi ý đường dẫn: contrast checker. Tỷ lệ tương phản WCAG hai màu.
  3. Chỉ chỉnh tùy chọn của Kiểm tra tương phản. Tạo mã QR là việc khác (Tạo mã QR cho URL hoặc văn bản—ECC, kích thước, vùng yên tĩnh và màu sắc, tất cả đều có trên thiết bị.). Ghi chú: Độ chói tương đối sRGB. Chữ thường AA 4.5:1, AAA 7:1.
  4. Chạy Kiểm tra tương phản trong thẻ này. Bộ nhớ trình duyệt vẫn áp dụng: Độ chói tương đối WCAG 2. Chữ thường AA 4.5:1, AAA 7:1. Chữ lớn không mô hình riêng.
  5. Tải hoặc sao chép kết quả từ Kiểm tra tương phản. Sai việc thì mở Chọn màu.

Khi nào không nên dùng Kiểm tra tương phản

Bỏ Kiểm tra tương phản nếu công cụ bên cạnh hợp hơn — Chọn màu hoặc Tạo mã QR — hoặc mô tả đã cảnh báo thất bại. Lời của công cụ: Độ chói tương đối sRGB. Chữ thường AA 4.5:1, AAA 7:1.

Câu hỏi về Kiểm tra tương phản

Kiểm tra tương phản khác các trang Thiết kế khác trên site thế nào?
Độ chói tương đối sRGB. Chữ thường AA 4.5:1, AAA 7:1. Tóm lại: Tỷ lệ tương phản WCAG hai màu.
Kiểm tra tương phản có tải tệp hoặc chữ lên máy chủ Tool-You không?
Không. Kiểm tra tương phản chạy trong thẻ này. Tệp ở lại thiết bị. Giới hạn: Độ chói tương đối WCAG 2. Chữ thường AA 4.5:1, AAA 7:1. Chữ lớn không mô hình riêng.
Tôi nên dùng Chọn màu thay vì Kiểm tra tương phản?
Cần Tỷ lệ tương phản WCAG hai màu. thì dùng Kiểm tra tương phản; cần Hex, RGB và HSL từ màu. thì dùng Chọn màu. Cùng nhóm Thiết kế nhưng khác việc.
Giới hạn của Kiểm tra tương phản là gì?
Độ chói tương đối WCAG 2. Chữ thường AA 4.5:1, AAA 7:1. Chữ lớn không mô hình riêng. Thêm: Độ chói tương đối sRGB. Chữ thường AA 4.5:1, AAA 7:1.