Специальные возможности: подготовка текста и графики
2 мин. чтения
Посетителям с ограниченным зрением может быть трудно отличить передний план от фона страниц вашего сайта. Чтобы сделать их доступнее, мы рекомендуем следующее:
- Изменение цвета текста и контраста фона на соотношение 4,5:1 для обычного текста и 3:1 для большого текста.
- Коэффициент контрастности не менее 3:1 для графических элементов и компонентов пользовательского интерфейса (таких как границы ввода формы, плейсхолдеры и т. д.).
- Уровень AAA требует более высокого коэффициента контрастности, не менее 7:1 для обычного текста и 4,5:1 для большого текста.
Примечание:
Большим текстом считается полужирный шрифт размером больше 14 (приблизительно 18 пикселей) и обычный шрифт размером 18 (приблизительно 24 пикселя).
Тестирование контраста цветов
Существует множество сайтов и плагинов для браузеров, таких как Contrast Checker, которые проверяют цветовой контраст, сравнивая цвета переднего плана и фона (используя коды цветов). Для проверки цветового контраста текста на фоне фонового изображения мы рекомендуем использовать Color Contrast Analyzer, который позволяет вам выбрать цвет фона, а затем проверить его.
Как найти цветовые коды в редакторе Wix?
Как найти цветовые коды в конструкторе ADI?
Как настроить цветовую контрастность в Мастере специальных возможностей
У вас на сайте есть графики или данные?
Высококонтрастный цвет - отличный способ показать данные на сайте. Однако мы также рекомендуем использовать другие индикаторы (например, текстуры и шаблоны), чтобы различать информацию.
Следующий шаг:
Вернитесь к Контрольному списку доступности, чтобы продолжить работу над улучшением доступности сайта для посетителей со специальными возможностями.
Была ли статья полезна?
|