Kiểm tra tương phản màu theo chuẩn WCAG 2.1 AA/AAA cho văn bản và thành phần giao diện.
Màu
Chữ / màu chữ
#1A1A1A
Nền
#FFFFFF
Xem trước
Chữ lớn 24px
Chữ thường 16px — the quick brown fox jumps over the lazy dog.
Chú thích nhỏ 13px.
Tỉ lệ tương phản
17.40:1
AA — Chữ thường (≥ 4.5)
ĐạtAA — Chữ lớn (≥ 3)
ĐạtAAA — Chữ thường (≥ 7)
ĐạtAAA — Chữ lớn (≥ 4.5)
ĐạtThành phần giao diện / đồ họa (≥ 3)
ĐạtAPCA (bản nháp WCAG 3)
APCA là mô hình tương phản theo cảm nhận được đề xuất cho WCAG 3. Nó trả về điểm "Lc" có dấu — dấu cho biết chiều (chữ tối trên nền sáng hay chữ sáng trên nền tối), còn độ lớn là giá trị bạn so với các ngưỡng bên dưới. Không tương thích ngược với tỉ lệ WCAG 2 ở trên — hai cách có thể cho kết quả khác nhau.
Lc
102.1
Chữ tối trên nền sángChữ nội dung (khuyến nghị) (|Lc| ≥ 90)
ĐạtChữ nội dung (tối thiểu) (|Lc| ≥ 75)
ĐạtChữ lớn hoặc in đậm (|Lc| ≥ 60)
ĐạtChỉ chữ lớn (|Lc| ≥ 45)
ĐạtPhi văn bản / thành phần giao diện (|Lc| ≥ 30)
Đạt