Перейти к содержимому
Pandus
ru Сменить язык
Меню

Требование WCAG A/AA Приоритет: Умеренно · экспериментальная проверка: стоит посмотреть вручную

Некоторые заголовки — это просто жирный или крупный текст

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

Этот текст переведён автоматически, носитель языка его ещё не вычитал.

Почему это важно для ваших покупателей

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

Кого это касается

  • незрячие покупатели
  • пользователи программ экранного доступа
  • люди, которые перемещаются по странице с помощью клавиатурных сокращений

Как исправить

Превратите текст, который служит названием раздела, в настоящий заголовок (<h2>, <h3> и так далее) в логическом порядке, а внешний вид задавайте через CSS. В редакторах выбирайте «Заголовок 2» или «Заголовок 3» в меню форматирования вместо жирного или увеличенного текста. Если текст не заголовок, оставьте его абзацем: axe помечает эту проверку как экспериментальную и иногда реагирует на жирные вступительные предложения.

В Shopify

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

В Shoptet (CZ)

Обычно это описания товаров или статьи. Выберите в редакторе формат заголовка вместо жирного текста или исправьте HTML в режиме исходного кода.

В PrestaShop

Обычно это описания товаров или CMS-страницы. Выберите формат заголовка на панели редактора или исправьте HTML в режиме исходного кода.

В WooCommerce

Обычно это описания товаров или содержимое конструктора страниц. Используйте блок «Заголовок» в блочном редакторе или виджет заголовка конструктора вместо жирного абзаца.

Стандарты

Стандарты
СтандартПункт
WCAG 2.2 1.3.1 (A) Info and Relationships
WCAG 2.1 1.3.1 (A) Info and Relationships
WCAG 2.0 1.3.1 (A) Info and Relationships
EN 301 549 4.1.1 9.1.3.1
EN 301 549 3.2.1 9.1.3.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.3.1

Автоматическая проверка: правило axe-core p-as-heading. dequeuniversity.com, github.com, www.w3.org

Похожие проверки

Все правила, которые мы проверяем