Статьи

Создание веб-цветов видимыми для всех — пять инструментов доступности цвета

ishihara

Если вы разрабатываете или перепроектируете свой веб-сайт, то вы потратили много времени на то, чтобы запустить ваш веб-сайт с помощью приведенных ниже инструментов цветовой доступности, чтобы гарантировать, что ваш сайт будет правильно виден как можно большему числу людей. Большинство этих инструментов используют руководящие указания WC3 для выполнения своих различных операций. Если вы действительно можете их прочитать и понять, то в Рекомендациях по доступности веб-контента (WCAG) 2.0, помимо прочего, требуется достаточный контраст между цветом текста и фона. Для человека с нарушениями цвета цвета, используемые на веб-сайте, могут означать разницу между способностью читать текст и изображения или нет. 1 из 12 человек имеет какой-то цветовой дефицит.

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

Веб-сайт Grey Bit снабжен слоганом «Испытайте цвет, нося оттенки серого». Это именно то, что делает этот инструмент. Вы отправляете свой URL на домашнюю страницу, и Gray Bit преобразует вашу красочную веб-страницу в версию в оттенках серого, чтобы вы могли проверить контраст на странице.

graybit

Дизайнер цветовых схем. На изображении ниже блоки цвета в правом нижнем углу показывают, как красный цвет выглядит у людей с дейтераномалией, которая является наиболее распространенной формой дальтонизма, поражающей 5% мужчин и около 0,4% женщин. Вы можете выбрать симуляцию видения, которая покажет вам, как

Colour Scheme Designer

Веб-сайт Check My Colors предоставляет простую форму для отправки вашего URL. Затем он проверяет все элементы на вашей странице в соответствии с рекомендациями W3C по яркости и яркости цветов на веб-сайтах.

checkmycolors

И наконец, есть Hue Vue , который является не столько инструментом для веб-дизайнеров, сколько инструментом для дальтоников. Это приложение для iPhone и цветной инструмент, разработанный для того, чтобы помочь людям с нарушениями цветового зрения идентифицировать, подбирать и координировать цвета. Необходимость — мать изобретения, как они говорят, и это приложение было создано дальтоником, который нуждался в инструменте, чтобы помочь ему различить, на какой цвет он смотрел. Однажды у него возникла проблема с покупкой розового телефона для его сына случайно, когда он должен был быть серым!

Это всего лишь пять из многих доступных инструментов цветовой доступности. Какие инструменты вы используете для тестирования цветов?