Tỷ lệ tương phản WCAG tối thiểu là bao nhiêu?

WCAG 2.1 AA yêu cầu tỷ lệ tương phản ít nhất 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 ít nhất 7:1 cho văn bản thường và 4.5:1 cho văn bản lớn.

Thế nào là văn bản lớn?

Văn bản lớn được định nghĩa là 18pt (khoảng 24px) trở lên, hoặc 14pt (khoảng 18.67px) in đậm trở lên.

Công cụ này có tải màu của tôi lên không?

Không. Tất cả các phép tính, đánh giá độ sáng tương đối và sửa đổi màu sắc đều diễn ra trong trình duyệt của bạn bằng JavaScript. Không có dữ liệu màu nào được gửi đến máy chủ.

WCAG Color Contrast Checker

Đánh giá tỷ lệ tương phản của văn bản và màu nền theo hướng dẫn WCAG 2.1. Tạo các điều chỉnh màu sắc dễ tiếp cận ngay lập tức.

Màu văn bản / tiền cảnh HEX/RGB/HSL

Background Color HEX/RGB/HSL

Mọi thứ chạy cục bộ trong trình duyệt của bạn.

Xem trước văn bản trực tiếp

Tiêu đề lớn (18pt In đậm / 24pt Thường)

Đây là bản xem trước kiểu văn bản tiêu đề lớn.

Văn bản thường (Dưới 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

Tỷ lệ tương phản

18.6:1

Trạng thái tuân thủ WCAG 2.1

Yêu cầu WCAG AA

Văn bản thường (4.5:1) PASS

Văn bản lớn (3.0:1) PASS

Yêu cầu WCAG AAA

Văn bản thường (7.0:1) PASS

Văn bản lớn (4.5:1) PASS

Hướng dẫn WCAG 2.1

Dễ dàng xác minh các tiêu chuẩn tương phản để xây dựng giao diện dễ tiếp cận tuân thủ các hướng dẫn Section 508, ADA và WCAG AA hoặc AAA.

Công cụ đề xuất

Tự động điều chỉnh màu sắc tăng dần theo tọa độ HSL để tìm ra các lựa chọn thay thế gần nhất đạt tiêu chí tỷ lệ tương phản.

Hoàn toàn phía máy khách

Các phép tính được thực hiện cục bộ trong ngữ cảnh trình duyệt của bạn. Không có màu sắc, tệp hoặc tọa độ đo từ xa nào được truyền đến máy chủ của chúng tôi.