it-swarm-vi.com

Vòng tròn màu để biểu thị trạng thái - vi phạm nguyên tắc tiếp cận?

Tôi đang xem giao diện người dùng dựa trên web của Google để quản lý các thiết bị Chrome của doanh nghiệp.

Trạng thái của mỗi thiết bị được thể hiện bằng một vòng tròn màu (xem hình ảnh bên dưới).

Tôi đã nghĩ rằng điều này sẽ vi phạm các nguyên tắc tiếp cận - người dùng bị mù màu sẽ không thể phân biệt trạng thái 'tốt' với trạng thái 'xấu' hoặc 'không xác định'.

Hoặc có điều gì đặc biệt về những màu sắc này mà phần lớn những người mù màu có thể bằng cách nào đó nói lên sự khác biệt?

Các màu thực tế được sử dụng chỉ đơn giản là các màu web được đặt tên là 'đỏ' và 'xanh'.

Lý do tôi hỏi là, trong nhóm của tôi, chúng tôi đang xem xét kết hợp các yếu tố thiết kế tương tự vào ứng dụng web của chúng tôi và tôi lo lắng rằng điều này sẽ không thể sử dụng được bởi một tỷ lệ đáng chú ý của công chúng.

Screen shot of Chrome device management showing green/grey circles

Screen shot of Chrome device management showing red/green circles

25
Andrew Shepherd

Như các câu trả lời khác đã nói, màu sắc có thể gây ra vấn đề nếu màu sắc không dễ phân biệt. Giải pháp rõ ràng nhất cho vấn đề này là kết hợp màu sắc với hình dạng, vì vậy những người có tầm nhìn toàn diện vẫn có thể quét nhanh bằng màu sắc nhưng dừng lại để tìm kiếm một giây cũng sẽ dễ dàng hiển thị ý tưởng. Cái gì đó như:

mockup

tải xuống nguồn bmml - Wireframes được tạo bằng Balsamiq Mockups

Giải pháp tốt nhất tôi nghĩ sẽ là hình dạng hình học (có thể có biểu tượng ở giữa). Vòng tròn màu xanh lá cây cho tốt, chữ thập đỏ cho xấu, tam giác màu xám cho không chắc chắn. Tôi đã bao gồm những thứ này trong mockup nhưng tôi hơi bị cản trở bởi phần mềm ở đây!

33
A. Sim

Deuteranopia , hoặc mù màu xanh đỏ, là một trong những hình thức mù màu phổ biến nhất. Có nhiều dạng khác của mù mà cũng ảnh hưởng đến nhận thức về màu đỏ và màu xanh lá cây.

Không có quyền truy cập vào giao diện Google mà bạn đã đề cập, tôi cho rằng không có gì đặc biệt về những màu này sẽ cung cấp hỗ trợ bổ sung cho người dùng mù màu. Người dùng Colorblind rất có thể sẽ thấy sự khác biệt của màu sắc giữa các chấm, nhưng ý nghĩa được truyền tải bởi màu đỏ và màu xanh lá cây rất có thể bị mất ở những người dùng này.

Ngay cả khi ý nghĩa màu sắc được tiết lộ nếu người dùng di chuyển qua một trong các dấu chấm, giải pháp này không hiển thị cho tất cả người dùng khi chỉ sử dụng nhãn trạng thái hệ thống văn bản ngoài hoặc thay cho dấu chấm.

9
Andy

Hướng dẫn WCAG 1.4.1 (Cấp A):

1.4.1 Sử dụng màu sắc: Màu sắc không được sử dụng làm phương tiện trực quan duy nhất để truyền tải thông tin, biểu thị một hành động, nhắc nhở phản hồi hoặc phân biệt một yếu tố thị giác. (Cấp độ A)

Vì vậy, đó là một sự vi phạm rõ ràng về các nguyên tắc tiếp cận và bạn sẽ làm tốt bằng cách cung cấp thêm dấu hiệu trực quan không dựa trên màu sắc.

IPhone của tôi luôn ở chế độ thang độ xám và tôi không bao giờ có thể biết được việc bật hoặc tắt trên Spotify - đó là siêu gây phiền nhiễu và hoàn toàn bất công . Những điều này quan trọng đối với những người khiếm thị, ít như họ có thể. 9% nam giới bị mù màu.

8
Izhaki

Ngoài những gì người khác nói, đây là cách khắc phục nhanh:

enter image description here

Sử dụng kết hợp màu xanh và màu cam. Đây có thể được phân biệt bởi 3 trường hợp phổ biến nhất.

4
PixelSnader

Tốt hơn là chỉ hiển thị một biểu tượng khi có vấn đề. Người dùng sẽ giải thích việc thiếu biểu tượng cảnh báo có nghĩa là mục đó ổn.

Biển xanh hoặc biểu tượng có nghĩa là "OK" sẽ khiến vấn đề khó tìm hơn vì bạn yêu cầu người đọc phân biệt giữa hai khả năng cho mỗi dòng so với quét màn hình cho một biểu tượng.

Nếu mục này là OK, không có biểu tượng. Chỉ gắn cờ những người có vấn đề; điều này sẽ làm giảm sự lộn xộn, giúp dễ dàng tìm ra các vấn đề hơn và loại bỏ câu hỏi nên sử dụng biểu tượng hoặc màu nào - sử dụng bất kỳ biểu tượng nào bạn sử dụng cho cảnh báo (ví dụ: dấu chấm than trong hình tam giác).

0
Eric Stoltz