Значки статуса WampServer трудно различить для дальтоников (~7% пользователей)

Я компьютерный инженер с дейтераномалией (слабовидящее зрение). WampServer отображает оранжевый значок, когда некоторые службы работают, что нарушает правила юзабилити / доступности, поскольку их трудно отличить от зеленых и красных значков, а единственное различие между значками - это цвет. Это означает, что мне нужно наклониться близко к монитору и / или навести курсор на значок, чтобы сказать, что происходит, что довольно раздражает. Как я могу сделать эти значки более четкими?


Около 1/12 мужчин страдают недостатком цвета, и около 90% разработчиков программного обеспечения - мужчины, поэтому этот неудачный выбор цвета затрагивает около 7% пользователей WampServer.

Значки состояния должны следовать передовым методам и использовать четкую высококонтрастную схему, которая охватывает спектр (например: синий, желтый, красный) и включает символы вместо того, чтобы полагаться исключительно на цвет. Зачем ограничивать цвета наиболее проблемным диапазоном длин волн ~50 нм, когда у вас есть ~300 нм для работы? Более того, человеческий мозг очень чувствителен к формам - эффективные пользовательские интерфейсы не зависят только от цвета. Кроме того, некоторые разработчики могут изменять цветовую гамму своего монитора напрямую или с помощью приложения, такого как f.lux.

Для тех, кто незнаком с человеческим глазом, вот график спектральной чувствительности клеток человеческих колбочек, показывающий, насколько близки пики средне- и длинноволновых конусов. Дихроматы должны найти это крайне разочаровывающим.

1 ответ

Значки, которые использует WampServer, содержатся в растровом файле с именем images_off.bmp, который вы можете найти в папке wamp или wamp64.

Я приложил модифицированную версию images_off.bmp, которая добавляет белые / серые символы над точкой W - X, треугольник и галочку. Просто замените файл (при необходимости сделайте резервную копию оригинала), закройте и снова откройте программу.

Я призываю всех, кто связан с решениями пользовательского интерфейса, ознакомиться с лучшими практиками и использовать лучшие цветовые и символические решения, поскольку неправильные решения могут серьезно повлиять на удобство использования продуктов.

Другие вопросы по тегам