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

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

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

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

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

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

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

проверить веб-сайт дефицита цвета

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

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

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

Вывод

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