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

Требование WCAG A/AA Приоритет: Умеренно

Некоторые подсказки пустые

Некоторые элементы, отмеченные как всплывающие подсказки (role="tooltip"), не содержат читаемого текста.

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

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

Пользователи скринридеров не получают подсказку там, где её видят остальные покупатели, например пояснение к размерам, стоимости доставки, НДС или требованиям к паролю.

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

  • незрячие покупатели
  • пользователи скринридеров

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

Убедитесь, что каждый элемент с role="tooltip" содержит текст или имеет aria-label либо aria-labelledby. Свяжите подсказку с элементом, который она поясняет, через aria-describedby. Если текст загружается только при наведении, добавьте его на страницу сразу и лишь показывайте при наведении и фокусе с клавиатуры.

В Shopify

Обычно это подсказки темы или виджеты приложений (таблицы размеров, информация о доставке). Исправьте разметку в Liquid-сниппетах темы или обратитесь к разработчику приложения.

В Shoptet (CZ)

В стандартных шаблонах встречается редко; чаще в собственном коде или дополнениях. Попросите Shoptet или партнёра проверить.

В PrestaShop

Обычно это шаблоны темы или модули с информационными иконками. Исправьте разметку подсказки в файлах .tpl или переопределённых шаблонах модулей.

В WooCommerce

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

Стандарты

Стандарты
СтандартПункт
WCAG 2.2 4.1.2 (A) Name, Role, Value
WCAG 2.1 4.1.2 (A) Name, Role, Value
WCAG 2.0 4.1.2 (A) Name, Role, Value
EN 301 549 4.1.1 9.4.1.2
EN 301 549 3.2.1 9.4.1.2
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.4.1.2

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

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

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