Chọn ngôn ngữ

Bộ kiểm tra độ tương phản

WCAG màu tương phản kiểm tra để tính toán tỷ lệ tương phản văn bản.

Màu tiền cảnh

Vui lòng nhập bộ ba hex hợp lệ hoặc sử dụng bộ chọn màu.

Màu nền

Vui lòng nhập bộ ba hex hợp lệ hoặc sử dụng bộ chọn màu.

Tỷ lệ tương phản 21:1

Văn bản thường

WCAG AA: Pass

WCAG AAA: Pass

Ví dụ văn bản thông thường - 16px

Văn bản lớn

WCAG AA: Pass

WCAG AAA: Pass

Ví dụ văn bản lớn 18pt/24px

Các đối tượng đồ họa và các thành phần giao diện người dùng

WCAG AA:  Pass

image/svg+xml
  • Tính tỷ lệ tương phản cho kích thước văn bản thông thường.
  • Tính toán tỷ lệ tương phản cho kích thước văn bản lớn.
  • Tính toán tỷ lệ tương phản cho các thành phần giao diện người dùng.
  • Chọn màu từ bộ chọn màu
  • Thiết lập màu Sự sáng

Làm thế nào để sử dụng Contrast Checker

  • Chọn màu nền
  • Chọn màu tiền cảnh
  • Điều chỉnh Độ nhẹ nếu cần
  • Kiểm tra kiểm toán cho văn bản thông thường và lớn

CÂU HỎI THƯỜNG GẶP

Làm thế nào để kiểm tra tương phản hoạt động?

Bạn cần đánh giá màu sắc của văn bản và nền. Theo hướng dẫn WCAG 2.1, đây là: Văn bản lớn - Văn bản có kích thước tối thiểu là 18px yêu cầu tỷ lệ tương phản là 3:1; Văn bản nhỏ - Văn bản có kích thước nhỏ hơn 18px yêu cầu tỷ lệ tương phản là 4. 5:1.

Tại sao trang web của tôi nên có đủ độ tương phản màu?

Văn bản trên nền có tỷ lệ tương phản thấp thường khó đọc. Điều này không chỉ ảnh hưởng tiêu cực đến những người bị khiếm thị, nó thực sự gây bất tiện cho tất cả người dùng. Một ví dụ là đọc văn bản trên điện thoại di động bên ngoài vào một ngày nắng.

Khả năng truy cập trang web có nghĩa là gì?

Một trang web có thể truy cập là một trang web được thiết kế sao cho những người khiếm thị hoặc thính giác có thể sử dụng nó mà không bị hạn chế. Ví dụ, điều này đảm bảo rằng tất cả các phần tử trang web có độ tương phản màu đủ, tức là màu văn bản khá khác với màu nền.

Hình ảnh và video có phải tuân thủ các yêu cầu về độ tương phản màu WCAG không?

Một số thành phần đồ họa và giao diện nhất định yêu cầu tỷ lệ tương phản ít nhất là 3:1. Tuy nhiên, điều này không bao gồm logo, hình ảnh trang trí hoặc các tệp phương tiện chung.

© Smallize Pty Ltd 2022-2024. All Rights Reserved.