Узнайте, как дальтоники видят веб-сайты

Узнайте, как дальтоники видят веб-сайты
Узнайте, как дальтоники видят веб-сайты

Как веб-мастер, вы должны управлять, тестировать и заботиться о многих вещах. Одной из основных областей является доступность веб-сайта. Специальные возможности охватывают широкий спектр тем: от обеспечения корректного отображения сайта независимо от размера экрана устройства, Â обратной совместимости со старыми браузерами и устройствами до соблюдения рекомендаций.

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

Colorblinding - это расширение для Chrome, которое позволяет проверить, как дальтоники видят ваш веб-сайт. Расширение работает сразу после установки на любом веб-сайте, который вы отображаете в браузере Chrome. Обратите внимание, что вам необходимо перезагрузить страницы, которые были открыты в браузере до того, как вы установили расширение, так как при попытке использовать его в противном случае ничего не произойдет.

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

  1. Красная слепота (протанопия)
  2. Зеленая слепота (Дейтеранопия)
  3. Синяя слепота (тританопия)
  4. Красный-Слабый (Протаномалия)
  5. Зеленый-слабый (дейтераномалия)
  6. Blue-Weak (Тританомалия)
  7. Монохромазия (ахроматопсия)
  8. Монохромазия синего конуса (ахроматолия)

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

веб-сайт тестового цветового дефицита
веб-сайт тестового цветового дефицита

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

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

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

Заключительные слова

Colorblinding - это интересное расширение Chrome для веб-мастеров и дизайнеров, которые хотят, чтобы их сайты или дизайны были доступны людям с нарушениями цветовосприятия.