Trình tạo bảng màu dễ tiếp cận
Xây dựng một bảng màu và xem ngay lập tức tổ hợp nào đáp ứng tỷ lệ tương phản WCAG 2.2 AA (4,5 : 1) và AAA (7 : 1). Mỗi cặp được kiểm tra tự động.
Bảng màu của bạn
Ma trận tương phản
Nhấp «Kiểm tra tất cả các cặp» để tạo ma trận tương phản.
Các cặp dễ tiếp cận
Bắt đầu kiểm tra để xem các cặp đạt yêu cầu.
📚 Cơ sở khoa học và nguồn tham khảo
Công cụ này được thiết kế cho ai
Độ tương phản màu thích hợp là điều cần thiết cho những người có thị lực kém, những người bị suy giảm thị lực màu (CVD) và những người có rối loạn thị lực liên quan đến tuổi tác. WHO ước tính rằng ít nhất 2,2 tỷ người trên toàn thế giới bị suy giảm thị lực gần hoặc xa (WHO, 2019). Nghiên cứu của Owsley (2011) cho thấy độ nhạy tương phản giảm đáng kể theo tuổi, làm cho thiết kế có độ tương phản cao càng quan trọng đối với người cao tuổi. CVD ảnh hưởng đến khoảng 300 triệu người trên toàn thế giới (Colour Blind Awareness). Các nhà thiết kế, nhà phát triển và đội ngũ thương hiệu sử dụng công cụ này để đảm bảo rằng các bảng màu của họ tuân thủ các yêu cầu tối thiểu về độ tương phản WCAG và bảo tồn khả năng sử dụng cho tất cả các nhóm dân số này.
Yêu cầu độ tương phản WCAG 2.2
- SC 1.4.3 (độ tương phản tối thiểu, cấp AA): văn bản thông thường yêu cầu tỷ lệ tương phản ≥ 4,5:1. Văn bản lớn (18 pt+ hoặc 14 pt+ đậm) yêu cầu ≥ 3:1.
- SC 1.4.6 (độ tương phản nâng cao, cấp AAA): văn bản thông thường yêu cầu tỷ lệ tương phản ≥ 7:1. Văn bản lớn yêu cầu ≥ 4,5:1.
- SC 1.4.11 (độ tương phản phi văn bản, cấp AA): các thành phần giao diện và đối tượng đồ họa yêu cầu độ tương phản ≥ 3:1 với các màu liền kề.
Tài liệu tham khảo khoa học
- W3C (2023). «Web Content Accessibility Guidelines (WCAG) 2.2.» w3.org/TR/WCAG22 · Định nghĩa các ngưỡng tỷ lệ tương phản (4,5:1, 7:1, 3:1) và thuật toán tính độ sáng tương đối được sử dụng trong công cụ này.
- Owsley, C. (2011). «Aging and vision.» Vision Research, 51(13), 1610–1622. · Tài liệu hóa rằng độ nhạy tương phản giảm đáng kể theo tuổi do những thay đổi quang học và thần kinh, nhấn mạnh tầm quan trọng của thiết kế có độ tương phản cao đối với các nhóm dân số già hóa.
- Tổ chức Y tế Thế giới (2019). Báo cáo Thị lực Toàn cầu. · Xác định rằng ít nhất 2,2 tỷ người trên toàn thế giới bị suy giảm thị lực, với thị lực thấp và lão thị là những hình thức phổ biến nhất.
- Legge, G.E. (2007). Psychophysics of Reading in Normal and Low Vision. Lawrence Erlbaum Associates. · Nghiên cứu nền tảng về tác động của độ tương phản, kích thước phông chữ và khoảng cách đến hiệu suất đọc của những người có thị lực thấp.
- Arditi, A. & Faye, E. (2004). «Monocular and binocular letter contrast sensitivity and letter acuity in a diverse ophthalmologic practice.» Optometry and Vision Science, 81(4), 287–292. · Chứng minh tầm quan trọng lâm sàng của độ nhạy tương phản như một chỉ báo về thị lực chức năng.
Thuật toán
Độ sáng tương đối được tính theo định nghĩa WCAG 2.2: các giá trị kênh sRGB được tuyến tính hóa (loại bỏ hiệu chỉnh gamma), sau đó được trọng số (0,2126 R + 0,7152 G + 0,0722 B) theo tiêu chuẩn ITU-R BT.709. Tỷ lệ tương phản = (Lsáng hơn + 0,05) / (Ltối hơn + 0,05).
Tuyên bố từ chối
Công cụ này tính toán tỷ lệ tương phản với thuật toán được chỉ định trong WCAG 2.2. Đạt được các ngưỡng tương phản toán học là điều kiện cần nhưng không đủ để có khả năng đọc: các yếu tố như độ đậm phông chữ, kích thước, khử răng cưa và hiệu chuẩn màn hình cũng ảnh hưởng đến khả năng đọc. Tuân thủ WCAG yêu cầu đánh giá tất cả các tiêu chí thành công, không chỉ độ tương phản. Công cụ này không cung cấp tư vấn pháp lý. Đối với các đánh giá trợ năng chính thức, hãy tham khảo ý kiến của một chuyên gia có trình độ.