Проверка доступности цвета и размера шрифта

• Учитывает размер и насыщенность шрифта: в отличие от базовых проверок контраста, этот инструмент учитывает ваш точный размер и насыщенность шрифта, чтобы определить правильный порог WCAG. Крупному тексту (≥18 pt или ≥14 pt полужирный) для AA достаточно 3:1, а обычному нужно 4,5:1 - инструмент делает это автоматически.
• Мгновенные результаты «прошло/не прошло» по WCAG: смотрите однозначный результат для WCAG AA и AAA при каждом изменении ввода. Шкала контраста показывает, где находится ваш коэффициент относительно порогов WCAG, а живой предпросмотр демонстрирует, как именно будет выглядеть текст с заданным размером и насыщенностью.
• 100 % приватно - без загрузки: все расчёты контраста выполняются локально в браузере по официальной формуле относительной яркости WCAG 2.1. Ваши значения цвета и настройки текста никогда не покидают устройство.
• Бесплатно и без ограничений: проверяйте неограниченное число сочетаний цветов и настроек шрифта без регистрации, подписки и лимитов использования. Проверка доступности размера шрифта полностью бесплатна навсегда, без рекламы, блокирующей интерфейс.

Проверка доступности цвета и размера шрифта - это комбинированный инструмент оценки контраста по WCAG, который учитывает не только цвета текста и фона, но и размер и насыщенность шрифта. WCAG 2.1 устанавливает разные требования к контрасту для обычного и крупного текста: крупному тексту (≥18 pt обычный или ≥14 pt полужирный) для соответствия AA достаточно коэффициента 3:1, а обычному нужно 4,5:1. Этот инструмент автоматически определяет, какой порог применяется, на основе ваших точных настроек шрифта, и даёт точный, однозначный результат «прошло/не прошло» для вашего конкретного случая.

1. Укажите цвета: введите или вставьте значения HEX или RGB для цвета текста (переднего плана) и фона. Также можно использовать встроенную палитру цветов или выбрать готовые наборы цветов, чтобы начать быстро.
2. Задайте размер и насыщенность шрифта: настройте ползунок размера шрифта (8-72 px) и выберите насыщенность на кнопках. Используйте быстрые наборы шрифтов для типичных размеров, таких как основной текст (16 px), заголовки (28 px) или подписи (11 px).
3. Получите однозначные результаты: инструмент рассчитывает коэффициент контраста WCAG и автоматически применяет правильный порог на основе настроек шрифта. Живой предпросмотр показывает, как именно будет выглядеть текст, а значки «прошло/не прошло» дают понятный статус соответствия AA и AAA.

• Обычный текст (<18 pt обычный / <14 pt полужирный): требует минимального коэффициента контраста 4,5:1 для WCAG AA и 7:1 для WCAG AAA. Основной текст, подписи, метки и большинство текста интерфейса относятся к этой категории.
• Крупный текст (≥18 pt / 24 px обычный или ≥14 pt / 18,67 px полужирный): требует минимального коэффициента контраста 3:1 для WCAG AA и 4,5:1 для WCAG AAA. Заголовки, крупные выделения и акцидентная типографика обычно считаются крупным текстом.
• Почему разница? Крупный текст имеет более толстые штрихи и большую площадь, поэтому его легче читать даже при меньшем контрасте. WCAG учитывает это, задавая более низкие пороги для крупного текста.

Проверка доступности размера шрифта оценивает коэффициенты контраста по математическим порогам WCAG 2.1. Прохождение проверки коэффициента контраста не гарантирует полной доступности - соответствие WCAG также требует корректного семантического HTML, навигации с клавиатуры, совместимости с программами экранного доступа, управления фокусом и других не связанных с цветом факторов. Кроме того, формула контраста WCAG не учитывает все виды нарушений цветового зрения. Полная валидация доступности требует ручного тестирования с ассистивными технологиями и экспертной проверки доступности. Всегда тестируйте дизайн с реальными пользователями и ассистивными технологиями в рамках вашего процесса обеспечения доступности.