Калькулятор Визуальной Читаемости WCAG и APCA

Проверьте реальный контраст ваших дизайнов с APCA (WCAG 3.0). Анализируйте, как вес и размер шрифта влияют на фактическую читаемость.

Базовые Цвета
#1E293B
#FFFFFF
Типографика
16px
400
Сравнение Контраста
Коэффициент WCAG 2.1 21.00 Проходит AAA
APCA Lc (WCAG 3) 100 Отличное
Перцептивный Предпросмотр

Визуальная читаемость - это не только математика. Это то, как свет и тень взаимодействуют с вашими глазами.

Рекомендации APCA
Основной Текст
Мелкий Текст
UI / Кнопки
Студия утилит

Хотите эту утилиту на своём сайте?

Настройте цвета и тёмную тему для WordPress, Notion или вашего сайта.

Часто задаваемые вопросы

Что такое APCA и почему она отличается от WCAG 2.1?

APCA - это Алгоритм Расширенного Перцептивного Контраста, разработанный для WCAG 3.0. В отличие от старой простой формулы, APCA использует математические модели, которые имитируют, как человеческий мозг воспринимает контраст.

Что означает значение Lc?

Lc (Lightness Contrast) - это значение контраста, сгенерированное APCA. Значение 100 представляет идеальный максимальный контраст, а значения ниже 60 начинают быть критическими для непрерывного чтения текста.

Как вес шрифта влияет на читаемость?

Тонкие/Светлые шрифты требуют гораздо более высокого контраста для читаемости. APCA штрафует шрифты низкого веса, указывая, что дизайн, прошедший WCAG с шрифтом weight-100, может быть нечитаемым на практике.

Этот калькулятор приватный?

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

# Калькулятор Визуальной Читаемости (WCAG vs APCA)

Поймите, как ваши цвета и типографика влияют на реальное чтение с новым стандартом доступности восприятия. WCAG 2.1 использует простую математическую формулу 2008 года. APCA - это новая модель, предложенная для WCAG 3.0, которая имитирует человеческое восприятие.

# Ключевые Моменты APCA

  • Полярность: Понимает, что Темный режим воспринимается иначе, чем Светлый режим.
  • Вес Шрифта: Назначает определенные уровни контраста (Lc) на основе веса типографики.
  • Линейность: Исправляет математические неточности в модели относительной яркости 2008 года.

# Рекомендуемые Уровни APCA

  • Lc 90+: Идеально для очень мелкого текста или низкого веса.
  • Lc 75: Стандарт для основного текста для чтения.
  • Lc 60: Минимум для читаемого контента среднего размера.
  • Lc 45: Минимум для крупных или декоративных элементов.

Библиографические ссылки