Вимога WCAG A/AA Пріоритет: Помірно
Поля оформлення замовлення не заповнюються автоматично
Деякі поля форм мають недійсні значення autocomplete або значення, що не відповідають полю, тому браузер не може їх заповнити.
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Покупцям доводиться вводити адресу, телефон і email вручну. Найважче це людям із порушеннями моторики чи памʼяті, а через повільне оформлення магазин втрачає замовлення від усіх покупців.
Кого це стосується
- люди з порушеннями моторики
- люди з когнітивними порушеннями
- покупці зі смартфонів
- усі покупці під час оформлення замовлення
Як виправити
Використовуйте дійсні токени autocomplete зі специфікації HTML, які відповідають полю, наприклад "email", "given-name", "postal-code", "tel". Виправте опечатки та вигадані значення; "off" ставте лише там, де автозаповнення було б помилковим.
У Shopify
Оформленням замовлення керує Shopify, тому проблеми зазвичай у формах теми (обліковий запис, контакти, розсилка) або у формах застосунків. Виправте атрибути autocomplete у шаблонах Liquid теми або в застосунку.
У Shoptet (CZ)
Зазвичай це форми шаблону або доповнень. Зверніться до Shoptet або до партнера Shoptet.
У PrestaShop
Перевірте шаблони адреси, облікового запису й оформлення замовлення, а також модулі checkout. Виправте атрибути autocomplete у шаблонах .tpl або в налаштуваннях модулів.
У WooCommerce
Перевірте поля оформлення замовлення та облікового запису в темі й плагінах, особливо в плагінах для власних полів checkout. Виправте значення в налаштуваннях плагіна або в шаблонах дочірньої теми.
Стандарти
| Стандарт | Пункт |
|---|---|
| WCAG 2.2 | 1.3.5 (AA) Identify Input Purpose |
| WCAG 2.1 | 1.3.5 (AA) Identify Input Purpose |
| EN 301 549 4.1.1 | 9.1.3.5 |
| EN 301 549 3.2.1 | 9.1.3.5 |
| ДСТУ EN 301 549 2022 | 9.1.3.5 |
Автоматична перевірка: правило axe-core autocomplete-valid.
dequeuniversity.com, github.com, www.w3.org
Схожі перевірки
-
Деякі посилання не повідомляють, куди ведуть
WCAG 2.4.4 A
-
Деякі кнопки не мають назви
WCAG 4.1.2 A
-
Пункти меню або вкладки стоять поза своєю групою
WCAG 1.3.1 A
-
Деякі елементи використовують застарілі ролі доступності
WCAG 4.1.2 A