Перейти до вмісту
Pandus
uk Змінити мову
Меню

Вимога 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

Схожі перевірки

Усі правила, які ми перевіряємо