Проверьте контраст текста и фона на соответствие WCAG AA и AAA.
Крупный текст для примера
Обычный текст — проверка читаемости на выбранном фоне.
Если текст плохо контрастирует с фоном, его сложно читать — особенно людям со слабым зрением и в плохом освещении. Стандарт доступности WCAG требует минимального контраста 4,5:1 для обычного текста и 3:1 для крупного. Это не просто рекомендация — закон о цифровой доступности в ЕС и многих других странах обязывает соответствовать этим нормам.
AA — базовый уровень, достаточный для большинства сайтов: 4,5:1 для обычного текста, 3:1 для крупного. AAA — повышенный: 7:1 и 4,5:1 соответственно. AAA трудно достичь во всех элементах — обычно стараются хотя бы для основного контента и кнопок дать запас.
По WCAG крупный текст — это шрифт 18pt (24px) или 14pt полужирный и крупнее. Для остальных размеров действует требование 4,5:1.
Сделать фон светлее или текст темнее, либо подобрать другие цвета палитры. Уменьшение прозрачности текста почти всегда снижает контраст — это частая ловушка.
Нет, для большинства сайтов достаточно уровня AA. AAA нужен в государственных и медицинских сервисах, в банковских приложениях для пожилых, в обучающих ресурсах.
Линейные градиенты с предпросмотром.
CSS-тени с живым предпросмотром.
Скругление углов с предпросмотром.
Оттенки и тона из базового цвета.
Иконки сайта всех размеров из картинки.
Раскладка flex с предпросмотром.