WCAG 1.3.1 · Модуль WCAG

Руководитель отдела гигиены и организации пространства.

Четкий формат, удобный для программ чтения с экрана и поисковых систем — один заголовок H1 на странице, без переходов между строками.

Что это такое?

Что означает "Заголовок: Менеджер по гигиене и структуре"?

Заголовки (<h1> до <h6>Заголовки — это структура содержания страницы. Программы чтения с экрана перемещаются между разделами, используя ярлыки заголовков, а поисковые системы интерпретируют их как тематические карты. Гигиена заголовков подразумевает использование ровно одного заголовка. <h1>, бесшовная иерархия (нет) h2 → h4(Переход), Заголовки описывают то, что следует далее.

Почему это важно?

Обязательства и выгоды — WCAG 1.3.1.

WCAG 1.3.1 (Информация и взаимосвязи) Это уровень А. Страница с тремя h1один или один h4 сразу после h1 Это семантически некорректно — пользователи программ чтения с экрана теряют ориентацию, страдает SEO (Google использует структуру заголовков для лучшего понимания темы). Кроме того: согласованный менеджер структуры в бэкэнде предотвращает случайное неправильное использование заголовков редакционной командой в качестве „крупного жирного текста".

Наша реализация

Как именно мы это решим.

Ровно один на странице <h1> (обычно заголовок страницы или главный заголовок).
Бесшовная иерархия: h1 → h2 → h3, без прыжка с h2 непосредственно на h4.
Менеджер структуры в бэкэнде отображает структуру в режиме реального времени во время редактирования — визуальная проверка вместо выборки.
Шаблоны тем отображают заголовки семантически, а не по дизайнерским соображениям (нет). h3 Просто потому, что желателен размер 24 пикселя — для этого и существует CSS.
Линтер в хуке prepublish: блокирует публикацию в случае нарушения заголовка (необязательно).
В плагине DigElite, в каждом классе страницы присутствует: conscious h1/h2/h3- Стратегия по разделам.

Другие модули WCAG

Соответствующие структурные элементы нашего модульного комплекса

Все модули в обзоре BFSG →

Вам нужен именно этот модуль?

Первичная консультация (15 минут) — мы выясним, насколько она актуальна для вашего сайта.

Запишитесь на первичную консультацию

Дополнительная информация:
Обзор BFSG ·
Обзор производительности ·
Финансирование BAFA ·
Часто задаваемые вопросы