Проверка доступности магазина Shopify
Введите адрес любой страницы вашего магазина Shopify: мы проверим её по WCAG 2.2 A и AA в настоящем браузере и объясним каждую проблему со способом исправления для тем и приложений Shopify. Бесплатно, без регистрации, примерно за минуту. Автоматическая проверка, а не полный аудит.
- Без регистрации
- WCAG 2.2 A и AA
- Исправления для тем Shopify
Обновлено 14 октября 2026 г.
Что проверяет проверка доступности Shopify
Сканер открывает вашу страницу в Chromium, запускает axe-core — открытый движок правил, который использует и Lighthouse, — и сопоставляет каждую находку с критерием успеха WCAG 2.2 и с EN 301 549, европейским стандартом, на который опирается EAA. Каждая находка объясняется карточкой из нашей библиотеки правил, и в каждой карточке есть отдельная заметка для Shopify.
Проверить можно любую публичную страницу: главную, коллекцию, страницу товара с вариантами, корзину, запись блога или страницу с правилами магазина. Страницы под паролем (например, магазин, который ещё не запущен) можно проверить нашим бесплатным расширением для браузера, которое работает в вашем собственном браузере.
Типичные проблемы в темах Shopify
Они взяты из заметок для Shopify в наших карточках правил, где описано, где проблема обычно находится и как её исправить:
| Проблема | Откуда она обычно берётся в Shopify | Как исправить |
|---|---|---|
| Кнопки без названия (критично) | Кнопки-иконки в теме: меню, поиск, количество, закрыть; кнопки, которые добавляют приложения | Добавить подпись в сниппетах Liquid темы; попросить разработчиков приложений исправить кнопки, которые добавляют их приложения |
| Выпадающие списки без подписи (критично) | Выбор вариантов, сортировка, выбор валюты и языка | Добавить подписи в сниппетах Liquid темы |
| Поля форм без подписи (критично) | Поля поиска, подписки, обратной связи и количества, формы от приложений | Добавить подписи в шаблонах Liquid или в настройках приложения |
| Низкий контраст текста (серьёзно) | Цветовая схема темы | Сначала изменить цвета в настройках цветов редактора темы, затем в CSS темы, если они заданы жёстко |
| Изображения без альтернативного текста (серьёзно) | Медиа товаров и изображения в секциях темы | Заполнить альтернативный текст в админке Shopify; если он не выводится, в теге изображения в шаблоне Liquid нет атрибута alt |
| Ссылки, по которым непонятно, куда они ведут (серьёзно) | Ссылки-иконки в шапке и подвале | Добавить визуально скрытый текст или aria-label в секциях и сниппетах темы |
| Скрытые элементы, доступные с клавиатуры (серьёзно) | Выезжающие меню, боковые панели, всплывающие окна, карусели | Исправить логику скрытия в JavaScript или Liquid темы; о виджетах приложений сообщить их разработчику |
| Уровни заголовков с пропуском (умеренно) | Уровни, жёстко заданные в секциях, например в карточках товаров или заголовках подвала | Изменить теги в файлах Liquid; настройка размера заголовка обычно меняет только внешний вид |
| Слишком маленькие цели касания (умеренно) | Образцы вариантов, кнопки количества, иконки | Увеличить размер или внутренние отступы в 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
Тема, приложения или содержимое: кто что исправляет
- Тема определяет бо́льшую часть разметки: заголовки, кнопки, меню, формы и цвета. Обновление темы может исправить проблемы — или вернуть их, поэтому важна еженедельная повторная проверка.
- Приложения добавляют собственную разметку: отзывы, списки желаний, всплывающие окна, чат и баннеры cookie. Если проблема находится внутри виджета приложения, сообщите о ней разработчику приложения, приложив находку из отчёта.
- Содержимое — ваше: альтернативный текст для изображений товаров, тексты ссылок, заголовки внутри описаний товаров и страниц.
- Оформление заказа работает на стороне Shopify. Продавцы не могут изменить бо́льшую часть его разметки, поэтому проверка магазина сосредоточена на теме и приложениях.
Чего проверка не делает
Она не меняет ваш магазин, не устанавливает приложение и не добавляет виджет-оверлей. Она находит ту часть проблем WCAG, которую может обнаружить машина; осмыслен ли альтернативный текст, работает ли оформление заказа с клавиатурой и экранным диктором и понятны ли сообщения об ошибках, должен оценить человек. Что проверять вручную, перечислено в нашем чек-листе WCAG 2.2.
От одной страницы ко всему магазину
На платном тарифе мы каждую неделю проверяем каждую страницу магазина, показываем, что появилось нового с прошлой проверки, и пишем отчёт для владельца на английском, украинском, немецком, польском, чешском, румынском или русском. Агентства получают те же отчёты под своим брендом. Одна строка кода в theme.liquid добавляет страницу с информацией о доступности и форму «Сообщить о барьере»: см. код для встраивания.
Продаёте потребителям в ЕС? К вашему магазину может применяться European Accessibility Act, если это не микропредприятие. Сначала пройдите фильтр EAA из трёх вопросов. Для магазина на WooCommerce используйте проверку доступности WooCommerce; как наш подход отличается от приложений-оверлеев, читайте в разделе Pandus в сравнении.
Частые вопросы
Есть ли бесплатная проверка доступности для Shopify?
Да. Введите выше адрес страницы товара, коллекции или главной страницы. Мы бесплатно и без аккаунта проверим эту одну страницу по WCAG 2.2 A и AA и покажем каждую проблему со способом исправления в Shopify.
Может ли проверка протестировать оформление заказа в Shopify?
Только страницы, которые посетитель может открыть без входа в аккаунт и без оплаты. Само оформление заказа работает на стороне Shopify, поэтому найденные проблемы обычно находятся в теме и в приложениях: поиск, формы подписки и обратной связи, выбор вариантов, корзины и всплывающие окна.
Нужно ли приложение Shopify, чтобы проверить доступность?
Нет. Наша проверка работает снаружи, как посетитель, поэтому в ваш магазин ничего не устанавливается. Для еженедельных проверок и страницы с информацией о доступности вы добавляете в тему одну строку кода; приложения Pandus в Shopify App Store пока нет.
Делает ли приложение доступности для Shopify магазин доступным?
Приложение, которое только добавляет виджет или панель инструментов, не меняет код темы, поэтому барьеры остаются. Исправлять нужно тему, содержимое товаров и приложения, которые добавляют свою разметку.
Показывает ли результат, что мой магазин соответствует EAA или ADA?
Этого не может показать ни один инструмент. Автоматическая проверка находит часть проблем WCAG; проверки с клавиатурой, экранным диктором и проверка содержимого человеком всё равно нужны. Это не юридическая консультация.