Công Cụ Mô Phỏng Mù Màu

Mù màu, hay khiếm khuyết thị giác màu (CVD), là tình trạng mọi người gặp khó khăn trong việc phân biệt một số màu nhất định. Các loại phổ biến nhất ảnh hưởng đến nhận thức màu đỏ-xanh lá, trong khi các dạng hiếm hơn ảnh hưởng đến màu xanh dương-vàng hoặc dẫn đến mù màu hoàn toàn.

Thông tin chính:

• Ảnh hưởng đến khoảng 8% nam giới và 0,5% nữ giới toàn cầu
• Thường di truyền qua nhiễm sắc thể X
• Khiếm khuyết màu đỏ-xanh lá là phổ biến nhất (Deuteranopia và Protanopia)
• Cũng có thể mắc phải do lão hóa, thuốc hoặc bệnh về mắt

Công cụ mô phỏng này sử dụng thuật toán Brettel-Viénot, một phương pháp được xác thực khoa học để mô phỏng khiếm khuyết thị giác màu. Mặc dù không có mô phỏng nào có thể sao chép hoàn hảo cách người mắc CVD nhìn thấy, nhưng nó cung cấp một xấp xỉ đáng tin cậy để kiểm tra khả năng tiếp cận.

Bắt đầu với Deuteranopia (mù màu xanh lá) vì đây là loại phổ biến nhất, ảnh hưởng đến khoảng 6% nam giới. Nếu thiết kế của bạn vượt qua bài kiểm tra này, hãy kiểm tra thêm Protanopia và Tritanopia để có phạm vi bao phủ toàn diện.

Thứ tự ưu tiên kiểm tra được khuyến nghị:

1. Ưu tiên 1 Deuteranopia - Phổ biến nhất, ảnh hưởng ~6% nam giới
2. Ưu tiên 2 Protanopia - Phổ biến thứ hai, ảnh hưởng ~1% nam giới
3. Ưu tiên 3 Tritanopia - Hiếm nhưng quan trọng để kiểm tra toàn diện
4. Tùy chọn Achromatopsia - Rất hiếm, kiểm tra nếu phục vụ ứng dụng quan trọng

Không. Tất cả xử lý hình ảnh diễn ra hoàn toàn trên trình duyệt của bạn bằng JavaScript và Canvas API. Hình ảnh của bạn không bao giờ rời khỏi thiết bị, đảm bảo quyền riêng tư hoàn toàn.

Công cụ mô phỏng hỗ trợ tất cả các định dạng hình ảnh phổ biến bao gồm:

• JPEG/JPG - Định dạng ảnh tiêu chuẩn
• PNG - Hỗ trợ độ trong suốt (kênh alpha được giữ nguyên)
• GIF - Hình ảnh động và tĩnh
• WebP - Định dạng web hiện đại

Hình ảnh PNG có độ trong suốt được hỗ trợ đầy đủ - kênh alpha được giữ nguyên trong quá trình mô phỏng.

Đây chính xác là những gì công cụ mô phỏng được thiết kế để hiển thị. Khi hai màu xuất hiện giống hệt nhau trong chế độ xem mô phỏng, điều đó có nghĩa là người mắc loại mù màu đó không thể phân biệt chúng.

Các tổ hợp có vấn đề phổ biến:

• Đỏ và xanh lá (Deuteranopia/Protanopia)
• Xanh dương và tím (Deuteranopia)
• Xanh dương và xanh lá (Tritanopia)
• Hồng và xám (Protanopia)

Công cụ này giúp xác định các vấn đề tiềm ẩn về khả năng tiếp cận màu sắc, nhưng tuân thủ WCAG cũng yêu cầu đáp ứng các tỷ lệ tương phản cụ thể. Sử dụng công cụ mô phỏng này cùng với công cụ kiểm tra tương phản để kiểm tra khả năng tiếp cận toàn diện.

Yêu cầu WCAG bao gồm:

• Tỷ lệ tương phản - Tối thiểu 4,5:1 cho văn bản thường, 3:1 cho văn bản lớn (Cấp AA)
• Độc lập màu sắc - Thông tin không nên chỉ dựa vào màu sắc
• Chỉ báo tiêu điểm - Tiêu điểm bàn phím hiển thị với tương phản đủ

Hình ảnh lớn hơn 2000 pixel sẽ tự động được thay đổi kích thước để đảm bảo hiệu suất mượt mà. Tỷ lệ khung hình được giữ nguyên trong quá trình thay đổi kích thước.

Chi tiết kỹ thuật:

• Kích thước tối đa: 2000px (chiều rộng hoặc chiều cao)
• Tỷ lệ khung hình: Luôn được giữ nguyên
• Chất lượng: Thuật toán thay đổi kích thước chất lượng cao
• Hiệu suất: Được tối ưu hóa để xử lý tức thì

Giới hạn này đảm bảo công cụ mô phỏng vẫn nhanh và phản hồi trong khi duy trì đủ chi tiết để kiểm tra khả năng tiếp cận.