Рубрика: Визуальная культура

Графика, типографика, цвет и композиция в цифровой среде. Как визуальные решения формируют опыт.

Landmarks и заголовки в структуре длинной статьи

Доступность длинной статьи: заголовки, ARIA-landmarks, клавиатура и фокус

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

Доступность такого […]

Навигация по разделам длинной статьи

Навигация в длинной статье: оглавление, якорные ссылки и переходы между разделами

Длинная статья не обязательно читается сверху вниз от первого абзаца до последнего. Один человек приходит за определением, другой уже знает вводную часть и ищет сравнение, третий возвращается к конкретному ограничению. Если документ допускает только последовательную прокрутку, вся его структура существует, но пользоваться ею неудобно.

Схема визуальной иерархии текстовой страницы

Визуальная иерархия текстовой страницы: как расставить акценты без визуального шума

На длинной странице пользователю редко нужно воспринимать все элементы как такие важные. Заголовки темы, основной ответ, пояснение, ограничение, источник и служебная дата включают в себя различные функции. Если интерфейс показывает такое же визуальное значение, необходимо следить за сохранением времени чтения.