Википедия:Цветовой контраст

Материал из Википедии — свободной энциклопедии
Перейти к навигации Перейти к поиску
Пример того, как текст с низким цветовым контрастом выглядит для человека с наиболее распространенной формой дальтонизма: красный/зеленый.

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

Если в Википедии у вас настройки по умолчанию и вы читаете эту страницу c экрана, то, скорее всего, вы не сможете прочитать следующее:

Это секретное сообщение

потому что это синий текст на синем фоне.

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

Текст с низким контрастом — например, светло-серый на темно-сером, также создает аналогичную проблему для людей с другими заболеваниями зрения.

Чем серьезнее их состояние, тем выше должен быть контраст, чтобы они смогли его прочитать.

Политика недискриминации «утверждена Советом попечителей Фонда Викимедиа для применения ко всем проектам Викимедиа. Ее нельзя обойти, подорвать или проигнорировать местными политиками»:

Фонд Викимедиа запрещает дискриминацию против нынешних или потенциальных пользователей… по признаку… инвалидности.

Чтобы избежать этих проблем, убедитесь, что текст соответствует руководствам, изложенным в ВП:ЦВЕТ.

Ресурсы[править код]

Такие инструменты как https://www.whocanuse.com/ или https://snook.ca/technical/colour_contrast/colour.html обеспечивают всестороннюю проверку, соответствует ли выбор цветов переднего плана и фона стандартам WCAG 2.2 по разнице в яркости, разнице в цвете и коэффициенту контрастности.

Вы можете найти цвет текста и цвет фона в виде шестнадцатеричного значения, используя функцию «Инспектировать элемент», которую предоставляют большинство современных браузеров. По умолчанию цвет для синих ссылок с со скином Вектор — #3366cc (    ), а для посещенных ссылок — #795cb2 (    ). Их следует всегда проверять наряду с черным — #202122 (    ) — относительно любого предполагаемого цвета фона, на случай, если ссылки в этот текст будут добавлены позже.

См. также[править код]