Tương phản · WCAG 2.1

♿ Tương phản màu

Đặt màu chữ lên màu nền rồi xem tỉ số tương phản có đạt chuẩn WCAG hay không. Mức AA cần từ 4,5:1 với chữ thường, còn chữ lớn và mức AAA tính theo ngưỡng riêng.

Chữ (foreground)

Nền (background)

—: 1 tỉ số tương phản

Aa · Xin chào 123

Đoạn chữ thường để kiểm tra khả năng đọc: The quick brown fox jumps over the lazy dog.

Nút bấmmột liên kết mẫu

Tỉ số tính theo độ chói tương đối WCAG 2.1. AA cần ≥4,5:1 với chữ thường (≥3:1 với chữ lớn ≥18,66px đậm / ≥24px); AAA cần ≥7:1 (≥4,5:1 chữ lớn). Thành phần giao diện & đồ họa cần ≥3:1.