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

Бесплатная проверка магазина Shopify по WCAG 2.2 AA: какие проблемы темы и приложений она находит на странице и как их исправить в самом Shopify.

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

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

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

## Типичные проблемы в темах Shopify

Они взяты из заметок для Shopify в наших карточках правил, где описано, где проблема обычно находится и как её исправить:

| Проблема | Откуда она обычно берётся в Shopify | Как исправить |
| --- | --- | --- |
| Кнопки без названия (критично) | Кнопки-иконки в теме: меню, поиск, количество, закрыть; кнопки, которые добавляют приложения | Добавить подпись в сниппетах Liquid темы; попросить разработчиков приложений исправить кнопки, которые добавляют их приложения |
| Выпадающие списки без подписи (критично) | Выбор вариантов, сортировка, выбор валюты и языка | Добавить подписи в сниппетах Liquid темы |
| Поля форм без подписи (критично) | Поля поиска, подписки, обратной связи и количества, формы от приложений | Добавить подписи в шаблонах Liquid или в настройках приложения |
| Низкий контраст текста (серьёзно) | Цветовая схема темы | Сначала изменить цвета в настройках цветов редактора темы, затем в CSS темы, если они заданы жёстко |
| Изображения без альтернативного текста (серьёзно) | Медиа товаров и изображения в секциях темы | Заполнить альтернативный текст в админке Shopify; если он не выводится, в теге изображения в шаблоне Liquid нет атрибута alt |
| Ссылки, по которым непонятно, куда они ведут (серьёзно) | Ссылки-иконки в шапке и подвале | Добавить визуально скрытый текст или aria-label в секциях и сниппетах темы |
| Скрытые элементы, доступные с клавиатуры (серьёзно) | Выезжающие меню, боковые панели, всплывающие окна, карусели | Исправить логику скрытия в JavaScript или Liquid темы; о виджетах приложений сообщить их разработчику |
| Уровни заголовков с пропуском (умеренно) | Уровни, жёстко заданные в секциях, например в карточках товаров или заголовках подвала | Изменить теги в файлах Liquid; настройка размера заголовка обычно меняет только внешний вид |
| Слишком маленькие цели касания (умеренно) | Образцы вариантов, кнопки количества, иконки | Увеличить размер или внутренние отступы в CSS темы |


## Тема, приложения или содержимое: кто что исправляет

- **Тема** определяет бо́льшую часть разметки: заголовки, кнопки, меню, формы и цвета. Обновление темы может исправить проблемы — или вернуть их, поэтому важна еженедельная повторная проверка.
- **Приложения** добавляют собственную разметку: отзывы, списки желаний, всплывающие окна, чат и баннеры cookie. Если проблема находится внутри виджета приложения, сообщите о ней разработчику приложения, приложив находку из отчёта.
- **Содержимое** — ваше: альтернативный текст для изображений товаров, тексты ссылок, заголовки внутри описаний товаров и страниц.
- **Оформление заказа** работает на стороне Shopify. Продавцы не могут изменить бо́льшую часть его разметки, поэтому проверка магазина сосредоточена на теме и приложениях.

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

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

## От одной страницы ко всему магазину

На платном тарифе мы каждую неделю проверяем **каждую страницу** магазина, показываем, что появилось нового с прошлой проверки, и пишем отчёт для владельца на английском, украинском, немецком, польском, чешском, румынском или русском. Агентства получают те же отчёты под своим брендом. Одна строка кода в `theme.liquid` добавляет страницу с информацией о доступности и форму «Сообщить о барьере»: см. [код для встраивания](https://pandus.online/ru/stranitsa-dostupnosti-i-forma-barerov-dlya-sajta).

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

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

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

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

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

Только страницы, которые посетитель может открыть без входа в аккаунт и без оплаты. Само оформление заказа работает на стороне Shopify, поэтому найденные проблемы обычно находятся в теме и в приложениях: поиск, формы подписки и обратной связи, выбор вариантов, корзины и всплывающие окна.

### Нужно ли приложение Shopify, чтобы проверить доступность?

Нет. Наша проверка работает снаружи, как посетитель, поэтому в ваш магазин ничего не устанавливается. Для еженедельных проверок и страницы с информацией о доступности вы добавляете в тему одну строку кода; приложения Pandus в Shopify App Store пока нет.

### Делает ли приложение доступности для Shopify магазин доступным?

Приложение, которое только добавляет виджет или панель инструментов, не меняет код темы, поэтому барьеры остаются. Исправлять нужно тему, содержимое товаров и приложения, которые добавляют свою разметку.

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

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

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

Q: Может ли проверка протестировать оформление заказа в Shopify?
A: Только страницы, которые посетитель может открыть без входа в аккаунт и без оплаты. Само оформление заказа работает на стороне Shopify, поэтому найденные проблемы обычно находятся в теме и в приложениях: поиск, формы подписки и обратной связи, выбор вариантов, корзины и всплывающие окна.

Q: Нужно ли приложение Shopify, чтобы проверить доступность?
A: Нет. Наша проверка работает снаружи, как посетитель, поэтому в ваш магазин ничего не устанавливается. Для еженедельных проверок и страницы с информацией о доступности вы добавляете в тему одну строку кода; приложения Pandus в Shopify App Store пока нет.

Q: Делает ли приложение доступности для Shopify магазин доступным?
A: Приложение, которое только добавляет виджет или панель инструментов, не меняет код темы, поэтому барьеры остаются. Исправлять нужно тему, содержимое товаров и приложения, которые добавляют свою разметку.

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