Перевірка доступності у вашому браузері (WCAG 2.2, EAA)
Pandus розширення для браузера 1.0.0
Безкоштовно. Chrome, Edge, Brave, Opera та Firefox. У магазинах розширень: незабаром.
Розширення Pandus перевіряє сторінку, на якій ви зараз перебуваєте, за WCAG 2.2 AA — рівнем, на який спираються Європейський акт про доступність, німецький BFSG та ADA, — і пояснює кожну проблему простими словами українською, англійською, німецькою, польською, чеською, румунською або російською. Воно працює у вашому браузері, тож перевіряє й сторінки після входу: кошик із товарами, оформлення замовлення, особистий кабінет покупця, тестовий сайт.
Що воно робить
- Перевірка сторінки одним кліком. Понад 90 автоматичних правил — ті самі, що й у щотижневій перевірці Pandus. Проблеми згруповано за правилами, найсерйозніші — першими, з поясненням, чому це важливо для ваших покупців і як це виправити.
- Показ елемента. Натисніть «Показати» — сторінка прокрутиться до елемента й обведе його.
- Обов’язкове окремо від порад. Спочатку проблеми WCAG 2.2 A/AA; AAA і найкращі практики показано окремо як поради.
- Копіювати для розробника. Увесь список у форматі Markdown для задачі в Jira, Trello чи повідомлення.
Інструменти для ручного перегляду
Автоматика знаходить лише частину проблем. Інструменти допомагають із рештою:
| Інструмент | Що він показує | WCAG |
|---|---|---|
| Порядок Tab | Номери й лінія в порядку, у якому рухається фокус клавіатури | 2.4.3, 2.1.1 |
| Заголовки | Структура, якою переходять користувачі скрінрідерів, пропущені рівні червоним | 1.3.1, 2.4.6 |
| Орієнтири | Шапка, навігація, основний вміст, підвал | 1.3.1 |
| Зображення й alt-текст | Текст, який зачитується для кожного зображення, відсутній — червоним | 1.1.1 |
| Інтервали тексту | Збільшені міжрядкові, міжлітерні й міжслівні інтервали | 1.4.12 |
| Масштаб 200% | Сторінка, збільшена вдвічі | 1.4.4 |
| Вузький екран (320 px) | Сторінка у вікні шириною 320 px | 1.4.10 |
| Сприйняття кольору | Протанопія, дейтеранопія, тританопія, без кольору, розмиття | 1.4.1 |
| Контраст | Співвідношення двох кольорів, узятих зі сторінки | 1.4.3, 1.4.11 |
З акаунтом Pandus
Підключіть розширення до свого акаунта одним кліком (ви підтверджуєте це в акаунті; розширення може лише читати результати й зберігати перевірки):
- бачте, що знайшла щотижнева перевірка на сторінці, де ви перебуваєте, з посиланням на звіт;
- зберігайте перевірку сторінки після входу до сайту — вона з’явиться на сторінці сайту в блоці «Перевірки з браузера»;
- додавайте сайт, який переглядаєте, у Pandus.
Створіть безкоштовний акаунт або подивіться, як працює Pandus.
Як встановити
Поки розширення немає в Chrome Web Store і на addons.mozilla.org, встановіть його із zip-архіву вище:
- Chrome, Edge, Brave, Opera: розпакуйте zip, відкрийте
chrome://extensions, увімкніть Developer mode (Режим розробника), натисніть Load unpacked і виберіть папку. - Firefox: відкрийте
about:debugging#/runtime/this-firefox, натисніть Load Temporary Add-on і виберітьmanifest.jsonу розпакованій папці. Тимчасовий додаток видаляється після перезапуску Firefox; публікація на addons.mozilla.org прибере цей крок. - Закріпіть значок Pandus на панелі інструментів. Натисніть його або Alt+Shift+A на будь-якій сторінці.
Конфіденційність
Без трекінгу, без аналітики, без cookie. Розширення просить доступ лише до активної вкладки, коли ви його натискаєте, і до pandus.online для зв’язку з вашим акаунтом. Перевірки залишаються у вашому браузері, доки ви їх не збережете.
Дивіться також наш плагін для WordPress, код для будь-якого сайту і безкоштовні інструменти.