Документация Pandus SDK
Живые барьеры и что исправить первым
Как Pandus SDK замечает барьеры в реальных визитах, связывает их с находками сканера, определяет порядок исправлений, подтверждает их и присылает недельный дайджест.
Обновлено:
Сканер показывает, что сломано в коде. SDK показывает, где в это упираются реальные посетители и сколько их. Вместе получается порядок работы по реальному трафику, а после исправления система сама проверяет, что сигнал пропал.
Как замечаются барьеры
Каждый детектор следит за страницей в браузере посетителя и сообщает страницу, стабильный селектор и критерий успеха WCAG. Он никогда не отправляет текст, значения полей, ID сессии или клиента. Сигналы суммируются за просмотр в браузере, а на нашем сервере — по шаблону страницы и элементу, поэтому /product/123 и /product/456 считаются одним шаблоном.
| Сигнал | Как замечается | WCAG |
|---|---|---|
| Ловушка фокуса | Tab и Shift+Tab ходят по кругу из нескольких элементов, Esc не выводит, мышью не пользовались | 2.1.2 |
| Потеря фокуса | После действия (закрыли окно, удалили элемент) фокус на body страницы | 2.4.3 |
| Невидимый фокус | Элемент в фокусе выглядит так же, как без фокуса | 2.4.7, 2.4.11 |
| Фокус под перекрытием | Липкая шапка или баннер закрывает элемент в фокусе | 2.4.11 |
| Скачок порядка фокуса | Следующий фокус прыгает против визуального потока | 2.4.3 |
| Элемент без семантики | Клик по элементу с курсором-указателем, но без роли, tabindex и имени | 4.1.2, 2.1.1 |
| Фокус в скрытом содержимом | Фокус в части с aria-hidden |
4.1.2 |
| Необъявленные ошибки форм | Невалидные поля без aria-invalid или связанного сообщения; повторные неудачные отправки |
3.3.1, 3.3.3 |
| Перекомпоновка и увеличение | Горизонтальная прокрутка на 320 CSS px или при увеличении; обрезанный текст | 1.4.10, 1.4.4 |
| Автозапуск | Видео или аудио со звуком стартует без действия | 1.4.2 |
| Живой axe | axe-core на выборке реальных состояний страницы, см. Расширение и живой axe | по правилу |
| Сообщения о барьерах | Форма «Сообщить о барьере», связанная со страницей и её сигналами | — |
Rage- и мёртвые клики показываются рядом с барьерами как подсказка, без критерия WCAG. Ссылка «перейти к содержимому», которой пользуются посетители, считается положительным сигналом.
Один список «что исправить»
Что исправить объединяет проблемы из четырёх источников: сканер, живые посетители, расширение и сообщения о барьерах. У каждой проблемы бейджи источников. Находка сканера и живой сигнал на той же странице или шаблоне, с тем же селектором и критерием WCAG становятся одной проблемой с бейджем «подтверждено реальными посетителями: N сессий за 7 дней».
Фильтруйте по статусу, странице, критерию WCAG, серьёзности и исполнителю; меняйте много проблем сразу.
Приоритет
Приоритет = вес серьёзности × доля затронутых сессий × трафик страницы × коэффициент подтверждения (сканер и посетители вместе) × коэффициент сообщений о барьерах. Барьер на шаге перед ключевым событием поднимается вверх. Вверху списка виден ожидаемый эффект, например «затрагивает ~12 % посещений страницы корзины». Советы выбирают правила и карточки правил; ИИ не используется.
Карточка проблемы
- Что это и почему важно для бизнеса — из карточки правила на семи языках.
- Где встречается: страницы и шаблоны с их трафиком.
- Доказательства: скриншот и селектор из сканера, график живых сигналов, записи с этим барьером, фрагмент тепловой карты, сообщения посетителей.
- Как исправить в Shopify, WooCommerce, PrestaShop, Shoptet и в коде.
- Статус, исполнитель и комментарии команды.
- Проверить исправление: сканер проверяет снова, а живой трафик под наблюдением. Показать на сайте открывает страницу в расширении с подсвеченным элементом.
Статусы
Открыто → в работе → исправлено → подтверждено, когда живой сигнал держится ниже порога заданное число дней, или вернулось, когда он появляется снова. Проблему можно скрыть с причиной.
Индекс здоровья
Оценка от 0 до 100 из сканера и живых барьеров в шапке сайта, с формулой в один клик и трендом.
Экран «Живые барьеры»
Сигналы по типам и страницам с трендами, карта клавиатуры (куда люди доходят клавишей Tab и где останавливаются) и настройки отображения только агрегированно, если за ними не меньше 20 сессий.
Сообщения о барьерах
Публичная форма «Сообщить о барьере» спрашивает пошагово, простыми словами, со скриншотом по желанию. В кабинете у сообщений есть статусы (новое, в работе, решено, спам), они связываются с проблемами и записями страницы, вы можете ответить посетителю, который оставил e-mail и дал согласие, или добавить барьер вручную.
Дайджест и уведомления
Раз в неделю, на e-mail и в Telegram: новые барьеры, что подтверждено исправленным, и всплески. Резкий рост сигнала сразу присылает уведомление; порог — в настройках.
Pandus SDK и сканер — это автоматические проверки, не полный аудит и не юридическая консультация. SDK ничего не меняет на сайте и не определяет, кто из посетителей пользуется вспомогательными технологиями.