Kiểm tra tương phản WCAG
Kiểm tra tương phản màu theo tiêu chuẩn WCAG.
Văn bản mẫu cỡ lớn
Đây là văn bản mẫu thông thường để kiểm tra độ tương phản màu theo WCAG 2.1.
Văn bản nhỏ để kiểm tra khả năng đọc ở kích thước nhỏ hơn.
Tỷ lệ tương phản
7.00:1
AA Văn bản thường
Đạt
tối thiểu 4.5:1
AAA Văn bản thường
Đạt
tối thiểu 7:1
AA Văn bản lớn
Đạt
tối thiểu 3:1
AAA Văn bản lớn
Đạt
tối thiểu 4.5:1
Kiem tra kha nang truy cap tuong phan mau WCAG
Cac huong dan kha nang truy cap noi dung web (WCAG) dat ra yeu cau tuong phan toi thieu giua van ban va nen de dam bao noi dung de doc cho tat ca moi nguoi, bao gom nhung nguoi khuyet tat thi giac nhu mu mau hoac thi luc kem. Tuan thu cac yeu cau nay khong chi cai thien kha nang truy cap ma con la yeu cau phap ly o nhieu quoc gia va yeu to tich cuc cho SEO.
WCAG dinh nghia hai muc tuan thu cho tuong phan: AA (tieu chuan khuyen nghi) yeu cau ty le toi thieu 4,5:1 cho van ban thuong va 3:1 cho van ban lon (18px tro len, hoac 14px in dam). AAA (muc cao nhat) yeu cau 7:1 cho van ban thuong va 4,5:1 cho van ban lon. Ty le tuong phan duoc tinh bang cach so sanh do sang tuong doi cua ca hai mau su dung cong thuc chuan cua W3C.
Cong cu cua chung toi tinh ty le tuong phan theo thoi gian thuc, hien thi ban xem truoc voi van ban co kich thuoc khac nhau, va neu to hop khong dat muc AA, tu dong goi y mau gan nhat voi mau goc dat yeu cau. Day la cong cu thiet yeu cho nha thiet ke web, lap trinh vien frontend va bat ky ai muon dam bao noi dung cua ho de truy cap cho tat ca nguoi dung.
Câu hỏi thường gặp
Ty le tuong phan WCAG la gi?
Day la phep do bang so ve su khac biet do sang giua hai mau, duoc bieu thi la X:1. Ty le 1:1 co nghia la hai mau giong het nhau (khong co tuong phan), trong khi 21:1 la muc toi da (den tren trang). No duoc tinh su dung do sang tuong doi cua moi mau theo cong thuc cua W3C.
Toi nen dat muc AA hay AAA?
Muc AA la tieu chuan khuyen nghi va bat buoc theo luat o nhieu noi. AAA la muc ly tuong nhung kho dat duoc trong moi truong hop. Doi voi da so trang web, dat AA la du va bat buoc. AAA dac biet duoc khuyen nghi cho noi dung chinh phu va y te.
The nao la "van ban lon"?
Theo WCAG, van ban lon la van ban co kich thuoc it nhat 18pt (24px) hoac 14pt (18,66px) in dam. Van ban lon co yeu cau tuong phan it nghiem ngat hon vi ban chat de doc hon.