a11y.skipToMainContent
1

Comment

Kiểm tra tỷ lệ tương phản màu giữa màu cảnh và màu nền. Kiểm tra WCAG 2.1 AA và công ty giải mã với các chỉ số thông qua/fail.

Contrast Checker

Large Text (18pt+)

Normal body text (16px)

21:1
Contrast Ratio
AA Normal
AA Large
AAA Normal
AAA Large
More options
Was this tool helpful?
Send output to:
Advertisement

How to use Contrast Checker

  1. Nhập hay chọn màu cảnh trước (hình).
  2. Nhập hay chọn màu nền.
  3. Xem tỷ lệ tương phản và kết quả WCAG/fail.
  4. Điều chỉnh màu sắc cho đến khi chúng đáp ứng mức độ tuân thủ mục tiêu.

Tên là gì?

Một bộ kiểm tra tương phản tính tỷ lệ tương phản giữa hai màu theo hướng dẫn WCAG 2. 1. Nó xác định nếu văn bản có khả năng đọc với màu nền cho văn bản chuẩn, văn bản lớn, và thành phần UI. p. [p] WCAG 2. 1 yêu cầu tỷ lệ tương phản tối thiểu là 4.5: 1 cho văn bản chuẩn (A), 3: 1 cho văn bản lớn (A), 7: 1 cho văn bản thông thường (AAAA) và 4.5: cho văn bản lớn (A). Công cụ này ngay lập tức hiển thị thông qua/fail cho tất cả bốn tiêu chuẩn.

Advertisement

FAQ

Tỷ lệ tương phản là gì?
WCAG 2.1A yêu cầu 4.5:1 cho văn bản thông thường và 3:1 cho văn bản lớn. Bộ phát âm cần thiết 7:1 cho văn bản chuẩn và 4.5:1 cho văn bản lớn.
Điều gì được xem là văn bản lớn?
Văn bản lớn được định nghĩa là 18pt (24px) và trên, hoặc 14pt (18.66px) và ở trên nếu táo bạo.

Related tools

Author

NK
Prof. Noah Klein"The Privacy Guardian"

Cybersecurity Researcher & Privacy Advocate

Professor Klein holds a PhD in Information Security and has testified before EU parliamentary committees on data privacy legislation. He builds encryption tools for journalists, audits web applications for security flaws, and believes that privacy is not a feature but a fundamental right. His research has been cited in Wired, Nature, and The Guardian, and he advises nonprofits on responsible data stewardship.

Advertisement