Ресурсы
24 проверенных ресурса для работы с типографикой, контрастом, шрифтовыми парами и читабельностью интерфейсов.
Расчёт коэффициента контраста между двумя цветами с отображением соответствия уровням WCAG AA и AAA. Поддерживает HEX, RGB и HSL.
Подробнее →Десктопное приложение для macOS и Windows. Позволяет пипеткой выбрать цвет непосредственно с экрана и мгновенно получить коэффициент контраста.
Подробнее →Расчёт по новому алгоритму APCA (Advanced Perceptual Contrast Algorithm), предложенному для WCAG 3.0. Более точен для современных дисплеев.
Подробнее →Проверка контраста непосредственно в Figma без выхода из инструмента. Поддерживает симуляцию различных видов нарушений зрения.
Подробнее →Находит ближайший цвет к заданному, который удовлетворяет требованиям WCAG. Полезен при необходимости скорректировать фирменные цвета под стандарт доступности.
Подробнее →Инструмент для оценки цветовых палитр с точки зрения воспринимаемого контраста и различимости при цветовой слепоте. Полезен при работе с дата-визуализацией.
Подробнее →Генерация математически последовательной типографической шкалы на основе выбранного базового размера и отношения (ratio). Экспортирует CSS-переменные.
Подробнее →Классический инструмент для построения типографических шкал на основе музыкальных пропорций и других математических рядов. Онлайн и CLI версии.
Подробнее →Детальный анализ возможностей шрифтового файла: переменные оси, поддерживаемые OpenType-функции, Unicode-таблицы и лигатуры.
Подробнее →CLI-инструмент для создания субсетов шрифтов на основе реально используемых символов. Значительно сокращает размер подгружаемых шрифтовых файлов.
Подробнее →База данных и идентификатор шрифтов по визуальным характеристикам. Помогает определить название гарнитуры по изображению или её описанию.
Подробнее →Набор линтер-правил для проверки CSS-кода на соответствие стандартам типографики: межстрочники, ширина колонок, нежелательные сочетания свойств.
Читать подробнее →Генератор шрифтовых пар на основе нейронной сети. Предлагает визуально гармоничные комбинации с возможностью фиксировать отдельные шрифты и генерировать остальные.
Статья о парах →База данных реально используемых шрифтовых пар из известных сайтов. Фильтрация по стилю, категории и настроению. Отличный источник вдохновения.
Статья о парах →Крупнейшая бесплатная библиотека веб-шрифтов с инструментом предпросмотра и подбора пар. Более 1400 гарнитур с подробными данными о дизайне и применении.
Подробнее →Оценка читабельности текста по нескольким индексам: Flesch Reading Ease, Flesch-Kincaid Grade, Gunning Fog, SMOG. Даёт общую картину сложности текста.
О читабельности →Инструмент для упрощения текста: подсвечивает сложные предложения, пассивный залог и лишние наречия. Помогает писать чище и яснее — что напрямую влияет на читабельность.
Подробнее →Технология, форматирующая текст так, чтобы первая часть слова была выделена жирным. Accelerated Reading — спорная, но активно исследуемая методика повышения скорости чтения.
К исследованиям →Автоматическое тестирование доступности в браузере. Находит нарушения WCAG, включая типографические проблемы: недостаточный контраст, отсутствие меток и структуры заголовков.
О доступности →Встроенный в Chrome аудит производительности, доступности и SEO. Раздел Accessibility включает проверку типографических параметров, важных для читабельности.
О доступности →Анализ производительности загрузки шрифтов и их влияния на Core Web Vitals. Производительность шрифтов напрямую связана с воспринимаемой читабельностью при первом показе.
Подробнее →Предложить инструмент
Мы регулярно обновляем подборку. Присылайте предложения через форму обратной связи.
Предложить инструмент