# Проверка доступности магазина WooCommerce
URL: https://pandus.online/ru/woocommerce-dostupnost-wcag
Updated: 2026-10-14

Бесплатная проверка магазина WooCommerce по WCAG 2.2 AA: тест страницы и способы исправить проблемы темы, конструктора страниц и плагинов в WordPress.

Введите адрес любой страницы вашего магазина WooCommerce: мы проверим её по WCAG 2.2 A и AA в настоящем браузере и объясним каждую проблему со способом исправления для тем WordPress, конструкторов страниц и плагинов. Бесплатно, без регистрации, примерно за минуту. Автоматическая проверка, а не полный аудит.
Без регистрации
WCAG 2.2 A и AA
Исправления для тем WordPress
Проверяет одну страницу магазина WooCommerce по WCAG 2.2 уровней A и AA с помощью axe-core в настоящем браузере
Объясняет каждую проблему простыми словами и даёт исправление для тем, дочерних тем, конструкторов страниц и плагинов
Находит изображения без альтернативного текста, низкий контраст, поля оформления заказа без подписей и кнопки-иконки без названия
Бесплатный плагин для WordPress показывает проблемы рядом с каждой страницей, записью и товаром
Автоматическая проверка, а не полный аудит: подсказывает, что ещё нужно проверить вручную
## Что проверяет проверка доступности WooCommerce

Сканер открывает вашу страницу в Chromium, запускает [axe-core](https://github.com/dequelabs/axe-core) — открытый движок правил, который использует и Lighthouse, — и сопоставляет каждую находку с критерием успеха WCAG 2.2 и с EN 301 549, европейским стандартом, на который опирается EAA. Каждая находка объясняется карточкой из нашей [библиотеки правил](https://pandus.online/ru/rules) с отдельной заметкой для WooCommerce.

Проверяйте страницы, которыми пользуются ваши покупатели: главную, категорию, вариативный товар, корзину и вход в аккаунт. Для формы оформления заказа в корзине должен быть товар, поэтому проверяйте её расширением для браузера. Магазин в режиме обслуживания или за входом в аккаунт можно проверить нашим бесплатным [расширением для браузера](https://pandus.online/ru/rasshirenie-dlya-proverki-dostupnosti).

## Типичные проблемы в магазинах WooCommerce

В WordPress разметка приходит из трёх мест: темы, конструктора страниц и плагинов. В заметках для WooCommerce в наших карточках правил сказано, где обычно находится каждая проблема:

| Проблема | Откуда она обычно берётся | Как исправить |
| --- | --- | --- |
| Кнопки без названия (критично) | Темы, конструкторы страниц, плагины корзины и списка желаний | Добавить подписи в шаблонах дочерней темы или в настройках плагина; о кнопках плагинов сообщить автору плагина |
| Выпадающие списки без подписи (критично) | Выбор вариаций, списки сортировки, виджеты плагинов | Добавить подписи в шаблонах дочерней темы или включить в плагине настройки, которые выводят правильные подписи |
| Поля форм без подписи (критично) | Формы оформления заказа, аккаунта и поиска; плагины форм и оформления заказа | Добавить подписи в шаблонах дочерней темы или включить в плагине опции, которые выводят настоящие элементы `<label>` |
| Низкий контраст текста (серьёзно) | Активная тема или конструктор страниц | Изменить цвета в настройщике (Customizer) или в глобальных стилях либо переопределить их в CSS дочерней темы |
| Изображения без альтернативного текста (серьёзно) | Изображения из медиабиблиотеки, слайдеры, изображения плагинов | Заполнить поле «Атрибут alt» в медиабиблиотеке и проверить, что тема его выводит |
| Ссылки, по которым непонятно, куда они ведут (серьёзно) | Иконки в шапке, мини-корзина, плагины иконок соцсетей | Добавить текстовые подписи в дочерней теме или выбрать в плагине настройки, которые выводят доступные подписи |
| Скрытые элементы, доступные с клавиатуры (серьёзно) | Мобильные меню, слайдеры, плагины всплывающих окон и cookie | Исправить в коде дочерней темы или сообщить автору плагина |
| Уровни заголовков с пропуском (умеренно) | Виджеты конструктора страниц, заголовки виджетов темы, заголовки товаров в списках | Задать уровень в редакторе блоков или в конструкторе (он не зависит от размера); заголовки темы изменить в дочерней теме |
| Слишком маленькие цели касания (умеренно) | Образцы вариаций, поля количества, иконки | Увеличить размер или внутренние отступы в CSS дочерней темы |


## Исправляйте так, чтобы обновления этого не отменили

- **Тема:** используйте дочернюю тему, настройщик (Customizer) или глобальные стили. Правки, внесённые прямо в родительскую тему, пропадают при следующем обновлении.
- **Конструктор страниц:** у большинства виджетов заголовков, кнопок и изображений есть настройки уровня, подписи и альтернативного текста.
- **Плагины:** если проблема находится в выводе плагина, сообщите о ней автору, приложив находку из отчёта, или поищите настройку, которая меняет разметку.
- **Содержимое:** альтернативный текст в медиабиблиотеке, тексты ссылок и заголовки в описаниях товаров пишете вы.

## Бесплатный плагин для WordPress

Наш [плагин для WordPress](https://pandus.online/ru/plagin-dostupnosti-wordpress) работает с WooCommerce. Он показывает проблемы рядом с каждой страницей, записью и товаром в админке WordPress, предлагает исправления, которые вы просматриваете и одобряете, проверяет описания изображений и цвета в редакторе и добавляет страницу с информацией о доступности и форму «Сообщить о барьере». Он не добавляет виджет-оверлей и не меняет тему сам.

## Чего проверка не делает

Она не меняет ваш магазин и не добавляет оверлей. Она находит ту часть проблем WCAG, которую может обнаружить машина; можно ли оформить заказ с клавиатурой и экранным диктором, осмыслен ли альтернативный текст и понятны ли сообщения об ошибках, должен оценить человек. Что проверять вручную, перечислено в нашем [чек-листе WCAG 2.2](https://pandus.online/ru/wcag-2-2-chek-list).

На платном тарифе мы каждую неделю проверяем каждую страницу магазина и пишем отчёты для владельца на семи языках; агентства получают их под своим брендом. Продаёте потребителям в ЕС? Пройдите [фильтр EAA из трёх вопросов](https://pandus.online/ru/na-kogo-rasprostranyaetsya-eaa), чтобы узнать, применяется ли к вам European Accessibility Act. Для магазина на Shopify используйте [проверку доступности Shopify](https://pandus.online/ru/shopify-dostupnost-wcag).

## Частые вопросы

### Есть ли бесплатная проверка доступности для WooCommerce?

Да. Введите выше адрес страницы магазина, категории, товара или корзины. Мы бесплатно и без аккаунта проверим эту одну страницу по WCAG 2.2 A и AA и покажем каждую проблему со способом исправления в WordPress.

### Есть ли плагин доступности для WooCommerce?

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

### Зачем исправлять проблемы в дочерней теме?

Изменения, внесённые прямо в тему, теряются при её обновлении. Дочерняя тема, настройщик (Customizer) или глобальные стили сохраняют ваши исправления после обновлений.

### Можно ли проверить оформление заказа в WooCommerce?

Частично. При пустой корзине WooCommerce обычно перенаправляет посетителей со страницы оформления заказа обратно в корзину, поэтому онлайн-сканер видит страницу корзины. Чтобы проверить форму оформления заказа, добавьте товар в корзину в своём браузере и запустите там наше бесплатное расширение для браузера.

### Показывает ли результат, что мой магазин соответствует EAA?

Этого не может показать ни один инструмент. Автоматическая проверка находит часть проблем WCAG; проверки с клавиатурой, экранным диктором и проверка содержимого человеком всё равно нужны. Это не юридическая консультация.

Q: Есть ли бесплатная проверка доступности для WooCommerce?
A: Да. Введите выше адрес страницы магазина, категории, товара или корзины. Мы бесплатно и без аккаунта проверим эту одну страницу по WCAG 2.2 A и AA и покажем каждую проблему со способом исправления в WordPress.

Q: Есть ли плагин доступности для WooCommerce?
A: Да. Наш бесплатный плагин для WordPress подключает сайт к Pandus и показывает проблемы рядом с каждой страницей, записью и товаром в админке, предлагает исправления, которые вы одобряете, и добавляет страницу с информацией о доступности. Он не добавляет оверлей.

Q: Зачем исправлять проблемы в дочерней теме?
A: Изменения, внесённые прямо в тему, теряются при её обновлении. Дочерняя тема, настройщик (Customizer) или глобальные стили сохраняют ваши исправления после обновлений.

Q: Можно ли проверить оформление заказа в WooCommerce?
A: Частично. При пустой корзине WooCommerce обычно перенаправляет посетителей со страницы оформления заказа обратно в корзину, поэтому онлайн-сканер видит страницу корзины. Чтобы проверить форму оформления заказа, добавьте товар в корзину в своём браузере и запустите там наше бесплатное расширение для браузера.

Q: Показывает ли результат, что мой магазин соответствует EAA?
A: Этого не может показать ни один инструмент. Автоматическая проверка находит часть проблем WCAG; проверки с клавиатурой, экранным диктором и проверка содержимого человеком всё равно нужны. Это не юридическая консультация.