Mô Phỏng Mù Màu: Nhìn Thiết Kế Qua Đôi Mắt Người Mù Màu
Công cụ mô phỏng mù màu này cho thấy hình ảnh và màu sắc của bạn hiện ra thế nào với người bị khiếm khuyết thị giác màu (CVD). Thả vào một ảnh chụp màn hình, một bức ảnh hay một mã màu HEX và xem trước ngay lập tức theo cách mà người mù màu xanh lá, mù màu đỏ, mù màu xanh dương hay mù màu hoàn toàn nhìn thấy.
Khoảng 8% nam giới và 0,5% nữ giới mắc một dạng mù màu nào đó, nên hai sắc độ trông khác biệt rõ ràng với bạn lại có thể không phân biệt được với một bộ phận lớn người xem. Nhà thiết kế, lập trình viên và người kiểm thử khả năng tiếp cận dùng công cụ này để phát hiện màu sắc xung đột trước khi phát hành.
Cách Dùng Công Cụ Mô Phỏng Mù Màu
Thêm một ảnh (hoặc một màu)
Ở chế độ Ảnh, nhấn vào vùng tải lên, kéo và thả một tệp, hoặc dán từ clipboard bằng Ctrl+V. Bạn cũng có thể tải một ảnh mẫu có sẵn (Trái cây, Giao thông, Thiên nhiên) hoặc chụp một khung hình từ webcam. Để kiểm tra một sắc độ duy nhất, hãy chuyển sang chế độ Màu.
Chọn một loại mù màu
Chọn mù màu xanh lá (deuteranopia), mù màu đỏ (protanopia), mù màu xanh dương (tritanopia), hoặc mù màu hoàn toàn (achromatopsia). Mô phỏng được cập nhật ngay lập tức.
So sánh ảnh gốc và ảnh mô phỏng
Kéo thanh chia ngang qua ảnh để gạt qua lại giữa ảnh gốc và góc nhìn mô phỏng, hoặc nhấn Xem tất cả các loại để thấy mọi mô phỏng mù màu cạnh nhau trong cùng một lưới.
Tải xuống hoặc kiểm tra màu tiếp theo
Lưu ảnh mô phỏng dưới dạng PNG (loại mù màu được thêm vào tên tệp) để làm tài liệu hay báo lỗi. Ở chế độ Màu, nhập bất kỳ mã HEX nào để xem cả bốn ô mẫu mù màu cùng lúc.
Tính Năng
Nhiều cách nhập ảnh
Tải lên một tệp, kéo và thả, dán ảnh chụp màn hình bằng Ctrl+V, chụp từ webcam, hoặc tải một ảnh mẫu có sẵn để bắt đầu thật nhanh.
Bốn loại mù màu
Mô phỏng mù màu xanh lá (deuteranopia, ~6% nam giới), mù màu đỏ (protanopia), mù màu xanh dương (tritanopia) và mù màu hoàn toàn (achromatopsia).
So sánh bằng thanh trượt
Kéo thanh chia để gạt qua lại giữa ảnh gốc và ảnh mô phỏng, giúp bạn thấy chính xác những màu nào bị trộn lẫn vào nhau.
Lưới tất cả các loại
Xem ảnh gốc và cả bốn mô phỏng mù màu cùng lúc trong một lưới duy nhất để kiểm tra khả năng tiếp cận nhanh và toàn diện.
Chế độ màu
Kiểm tra từng màu HEX riêng lẻ bằng bộ chọn màu hoặc bằng cách nhập mã, rồi xem nó chuyển dịch ra sao qua từng loại mù màu dưới dạng ô mẫu.
Xuất ảnh PNG
Tải ảnh mô phỏng dưới dạng PNG kèm loại mù màu trong tên tệp để làm báo cáo, phiếu lỗi, hay chia sẻ với nhóm của bạn.
Mô phỏng dựa trên khoa học
Xây dựng trên thuật toán Brettel, Viénot & Mollon (1997), một phương pháp đã được kiểm chứng để xấp xỉ khiếm khuyết thị giác màu.
Riêng tư & xử lý trên máy bạn
Mọi xử lý đều diễn ra trên trình duyệt của bạn. Hình ảnh không bao giờ được tải lên hay lưu trữ, và sau khi tải xong công cụ vẫn hoạt động ngoại tuyến.
Câu Hỏi Thường Gặp
Người mù màu nhìn thấy gì?
Người bị khiếm khuyết thị giác màu khó phân biệt một số màu nhất định. Các dạng phổ biến nhất ảnh hưởng đến khả năng nhận biết đỏ - xanh lá, nên màu đỏ, xanh lá, cam và nâu có thể nhòa lẫn vào nhau; các dạng hiếm hơn ảnh hưởng đến xanh dương - vàng, và một dạng rất hiếm xóa bỏ hoàn toàn màu sắc. Công cụ mô phỏng này tái hiện từng góc nhìn đó để bạn tự mình thấy được hiệu ứng.
Protanopia, deuteranopia và tritanopia là gì?
Deuteranopia là mù màu xanh lá và là loại phổ biến nhất, ảnh hưởng đến khoảng 6% nam giới. Protanopia là mù màu đỏ (khoảng 1% nam giới). Tritanopia là mù màu xanh dương, một loại hiếm gặp (dưới 0,1%). Công cụ cũng bao gồm Achromatopsia, tức mù màu hoàn toàn, một loại rất hiếm.
Công cụ mô phỏng mù màu này chính xác đến đâu?
Công cụ dùng thuật toán Brettel, Viénot & Mollon (1997), một phương pháp đã được kiểm chứng khoa học để mô phỏng khiếm khuyết thị giác màu. Không có mô phỏng nào có thể tái hiện hoàn hảo thị giác của một người khác, nhưng nó cho kết quả xấp xỉ đáng tin cậy, quá đủ tốt cho việc kiểm tra khả năng tiếp cận.
Làm sao để kiểm tra thiết kế của tôi có thân thiện với người mù màu không?
Tải lên một ảnh chụp màn hình thiết kế của bạn và bắt đầu với mù màu xanh lá, loại phổ biến nhất. Nếu các màu quan trọng vẫn trông khác biệt, hãy kiểm tra cả mù màu đỏ và mù màu xanh dương. Khi hai màu trở nên giống hệt nhau trong mô phỏng, người mắc tình trạng đó không thể phân biệt được, nên hãy thêm một dấu hiệu thứ hai như hoa văn, biểu tượng hoặc nhãn chữ.
Hình ảnh của tôi có bị tải lên máy chủ không?
Không. Mọi 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ùng mọi khung hình webcam không bao giờ rời khỏi thiết bị, nên công việc của bạn luôn hoàn toàn riêng tư.
Hỗ trợ những định dạng và kích thước ảnh nào?
Công cụ hoạt động với các định dạng phổ biến mà trình duyệt của bạn đọc được, bao gồm JPEG, PNG, GIF và WebP. Độ trong suốt của PNG được giữ nguyên vì kênh alpha không bị thay đổi trong quá trình mô phỏng. Ảnh lớn hơn 2000 pixel sẽ được tự động thu nhỏ (vẫn giữ tỉ lệ khung hình) để chạy mượt mà.
Tôi có thể dùng công cụ này cho kiểm tra khả năng tiếp cận WCAG không?
Công cụ giúp bạn tìm những tổ hợp màu khó phân biệt đối với người mù màu, đây là một phần của khả năng tiếp cận. Việc tuân thủ đầy đủ WCAG còn phụ thuộc vào tỉ lệ tương phản, nên hãy kết hợp công cụ mô phỏng này với một công cụ kiểm tra tương phản để có sự bao quát trọn vẹn.
Chưa có bình luận nào. Hãy là người đầu tiên!