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

Требование WCAG A/AA Приоритет: Серьёзно

Некоторые прокручиваемые области недоступны с клавиатуры

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

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

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

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

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

  • пользователи, которые работают только с клавиатуры
  • люди с нарушениями моторики
  • пользователи скринридеров

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

Сделайте каждую прокручиваемую область доступной с клавиатуры: добавьте tabindex="0" с доступным названием (aria-label) и подходящей ролью или убедитесь, что внутри есть фокусируемый элемент. Лучше не прятать важное содержимое в маленькие прокручиваемые блоки.

В Shopify

Обычно это таблицы, вкладки, списки фильтров или виджеты приложений в теме. Добавьте tabindex и подпись в Liquid-секциях темы или откажитесь от блоков с фиксированной высотой в CSS.

В Shoptet (CZ)

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

В PrestaShop

Обычно это вкладки товара, таблицы или списки фасетного поиска. Исправьте в шаблонах .tpl или CSS темы.

В WooCommerce

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

Стандарты

Стандарты
СтандартПункт
WCAG 2.2 2.1.1 (A) Keyboard
WCAG 2.2 2.1.3 (AAA) Keyboard (No Exception)
WCAG 2.1 2.1.1 (A) Keyboard
WCAG 2.1 2.1.3 (AAA) Keyboard (No Exception)
WCAG 2.0 2.1.1 (A) Keyboard
WCAG 2.0 2.1.3 (AAA) Keyboard (No Exception)
EN 301 549 4.1.1 9.2.1.1
EN 301 549 3.2.1 9.2.1.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.2.1.1

Автоматическая проверка: правило axe-core scrollable-region-focusable. dequeuniversity.com, github.com, www.w3.org, www.w3.org, www.etsi.org

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

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