Проверка доступности магазина WooCommerce
Введите адрес любой страницы вашего магазина WooCommerce: мы проверим её по WCAG 2.2 A и AA в настоящем браузере и объясним каждую проблему со способом исправления для тем WordPress, конструкторов страниц и плагинов. Бесплатно, без регистрации, примерно за минуту. Автоматическая проверка, а не полный аудит.
- Без регистрации
- WCAG 2.2 A и AA
- Исправления для тем WordPress
Обновлено 14 октября 2026 г.
Что проверяет проверка доступности WooCommerce
Сканер открывает вашу страницу в Chromium, запускает axe-core — открытый движок правил, который использует и Lighthouse, — и сопоставляет каждую находку с критерием успеха WCAG 2.2 и с EN 301 549, европейским стандартом, на который опирается EAA. Каждая находка объясняется карточкой из нашей библиотеки правил с отдельной заметкой для WooCommerce.
Проверяйте страницы, которыми пользуются ваши покупатели: главную, категорию, вариативный товар, корзину и вход в аккаунт. Для формы оформления заказа в корзине должен быть товар, поэтому проверяйте её расширением для браузера. Магазин в режиме обслуживания или за входом в аккаунт можно проверить нашим бесплатным расширением для браузера.
Типичные проблемы в магазинах WooCommerce
В WordPress разметка приходит из трёх мест: темы, конструктора страниц и плагинов. В заметках для WooCommerce в наших карточках правил сказано, где обычно находится каждая проблема:
| Проблема | Откуда она обычно берётся | Как исправить |
|---|---|---|
| Кнопки без названия (критично) | Темы, конструкторы страниц, плагины корзины и списка желаний | Добавить подписи в шаблонах дочерней темы или в настройках плагина; о кнопках плагинов сообщить автору плагина |
| Выпадающие списки без подписи (критично) | Выбор вариаций, списки сортировки, виджеты плагинов | Добавить подписи в шаблонах дочерней темы или включить в плагине настройки, которые выводят правильные подписи |
| Поля форм без подписи (критично) | Формы оформления заказа, аккаунта и поиска; плагины форм и оформления заказа | Добавить подписи в шаблонах дочерней темы или включить в плагине опции, которые выводят настоящие элементы <label> |
| Низкий контраст текста (серьёзно) | Активная тема или конструктор страниц | Изменить цвета в настройщике (Customizer) или в глобальных стилях либо переопределить их в CSS дочерней темы |
| Изображения без альтернативного текста (серьёзно) | Изображения из медиабиблиотеки, слайдеры, изображения плагинов | Заполнить поле «Атрибут alt» в медиабиблиотеке и проверить, что тема его выводит |
| Ссылки, по которым непонятно, куда они ведут (серьёзно) | Иконки в шапке, мини-корзина, плагины иконок соцсетей | Добавить текстовые подписи в дочерней теме или выбрать в плагине настройки, которые выводят доступные подписи |
| Скрытые элементы, доступные с клавиатуры (серьёзно) | Мобильные меню, слайдеры, плагины всплывающих окон и cookie | Исправить в коде дочерней темы или сообщить автору плагина |
| Уровни заголовков с пропуском (умеренно) | Виджеты конструктора страниц, заголовки виджетов темы, заголовки товаров в списках | Задать уровень в редакторе блоков или в конструкторе (он не зависит от размера); заголовки темы изменить в дочерней теме |
| Слишком маленькие цели касания (умеренно) | Образцы вариаций, поля количества, иконки | Увеличить размер или внутренние отступы в CSS дочерней темы |
У кнопки корзины нет названия
Что это значит для ваших посетителей
Покупатель с программой экранного доступа слышит только «кнопка» и не понимает, что она добавляет товар в корзину.
Как исправить в Shopify
В шаблоне товара дайте кнопке с иконкой текст «В корзину», видимый или через aria-label.
Элемент: .product-form > button.cart-icon
Правило: button-name · WCAG 4.1.2 Name, Role, Value (A) · EN 301 549 9.4.1.2
Исправляйте так, чтобы обновления этого не отменили
- Тема: используйте дочернюю тему, настройщик (Customizer) или глобальные стили. Правки, внесённые прямо в родительскую тему, пропадают при следующем обновлении.
- Конструктор страниц: у большинства виджетов заголовков, кнопок и изображений есть настройки уровня, подписи и альтернативного текста.
- Плагины: если проблема находится в выводе плагина, сообщите о ней автору, приложив находку из отчёта, или поищите настройку, которая меняет разметку.
- Содержимое: альтернативный текст в медиабиблиотеке, тексты ссылок и заголовки в описаниях товаров пишете вы.
Бесплатный плагин для WordPress
Наш плагин для WordPress работает с WooCommerce. Он показывает проблемы рядом с каждой страницей, записью и товаром в админке WordPress, предлагает исправления, которые вы просматриваете и одобряете, проверяет описания изображений и цвета в редакторе и добавляет страницу с информацией о доступности и форму «Сообщить о барьере». Он не добавляет виджет-оверлей и не меняет тему сам.
Чего проверка не делает
Она не меняет ваш магазин и не добавляет оверлей. Она находит ту часть проблем WCAG, которую может обнаружить машина; можно ли оформить заказ с клавиатурой и экранным диктором, осмыслен ли альтернативный текст и понятны ли сообщения об ошибках, должен оценить человек. Что проверять вручную, перечислено в нашем чек-листе WCAG 2.2.
На платном тарифе мы каждую неделю проверяем каждую страницу магазина и пишем отчёты для владельца на семи языках; агентства получают их под своим брендом. Продаёте потребителям в ЕС? Пройдите фильтр EAA из трёх вопросов, чтобы узнать, применяется ли к вам European Accessibility Act. Для магазина на Shopify используйте проверку доступности Shopify.
Частые вопросы
Есть ли бесплатная проверка доступности для WooCommerce?
Да. Введите выше адрес страницы магазина, категории, товара или корзины. Мы бесплатно и без аккаунта проверим эту одну страницу по WCAG 2.2 A и AA и покажем каждую проблему со способом исправления в WordPress.
Есть ли плагин доступности для WooCommerce?
Да. Наш бесплатный плагин для WordPress подключает сайт к Pandus и показывает проблемы рядом с каждой страницей, записью и товаром в админке, предлагает исправления, которые вы одобряете, и добавляет страницу с информацией о доступности. Он не добавляет оверлей.
Зачем исправлять проблемы в дочерней теме?
Изменения, внесённые прямо в тему, теряются при её обновлении. Дочерняя тема, настройщик (Customizer) или глобальные стили сохраняют ваши исправления после обновлений.
Можно ли проверить оформление заказа в WooCommerce?
Частично. При пустой корзине WooCommerce обычно перенаправляет посетителей со страницы оформления заказа обратно в корзину, поэтому онлайн-сканер видит страницу корзины. Чтобы проверить форму оформления заказа, добавьте товар в корзину в своём браузере и запустите там наше бесплатное расширение для браузера.
Показывает ли результат, что мой магазин соответствует EAA?
Этого не может показать ни один инструмент. Автоматическая проверка находит часть проблем WCAG; проверки с клавиатурой, экранным диктором и проверка содержимого человеком всё равно нужны. Это не юридическая консультация.