Как проверить визуальную доступность разрабатываемых веб-страниц?

Question

При разработке веб-сайтов я хотел бы иметь возможность быстро переключиться на «как это выглядит для человека с определенными типами дальтонизма?»

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

Есть ли что-то, что я мог бы использовать в своей локальной разработке, прежде чем сайт заработает? Возможно, плагин Firefox?

Answer 1

Раньше это работало на ffx2 https://addons.mozilla.org/en-US/firefox/addon/7313. Не показывает, как это выглядит, но дает таблицу элементов сайта, выделяя те, которые могут быть проблематичными.

Почему бы не скачать ffx portable 2 и установить его на него.

* редактирование показывает, что бета-версия доступна для ffx3

Answer 2

Вы можете сделать снимок экрана и отправить его мне:)

Answer 3

Я сам еще не пробовал, но вот расширение Firefox , которое должно делать именно это.

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

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