WCAG 2.2.1 Регулируемое время

Критерий успеха 2.2.1 помогает людям, которым нужно больше времени, чтобы прочитать, понять и действовать: людям с когнитивными нарушениями или трудностями обучения, пользователям программ экранного доступа (скринридеров), людям с двигательными нарушениями, которые медленно печатают, и всем, кого отвлекли во время заполнения формы. Это уровень A, он входит в EN 301 549 (пункт 9.2.2.1). Тот же стандарт принят в Украине как ДСТУ EN 301 549:2022.

Что требует критерий

Для каждого ограничения времени, заданного контентом, должно выполняться хотя бы одно из условий:

• Отключение: пользователь может отключить ограничение до того, как оно наступит;
• Настройка: пользователь может изменить его до того, как оно наступит, в широком диапазоне — не менее чем в десять раз больше значения по умолчанию;
• Продление: пользователь получает предупреждение до истечения времени и не менее 20 секунд, чтобы продлить его простым действием (например, «нажмите пробел»), и может продлевать его не менее десяти раз;
• Исключение для реального времени: ограничение — обязательная часть события в реальном времени (например, аукциона), и альтернатива невозможна;
• Исключение для существенных случаев: ограничение существенно, и его продление сделало бы действие бессмысленным;
• Исключение 20 часов: ограничение времени дольше 20 часов.

Типичные ошибки в интернет-магазине

• сессия оформления заказа или личного кабинета истекает и молча удаляет форму, которую заполнял покупатель;
• таймер резерва корзины («товары зарезервированы на 10 минут»), который очищает корзину без предупреждения и без возможности продлить;
• страница, которая перезагружается или перенаправляет через несколько секунд с помощью <meta http-equiv="refresh">;
• шаг оплаты или экран ввода одноразового кода, который истекает без предупреждения;
• рекламное всплывающее окно, которое исчезает само раньше, чем его успевают прочитать, хотя в нём есть нужная пользователю информация.

Как проверить

Автоматически: наша проверка отмечает meta refresh с задержкой, который перезагружает или перенаправляет страницу по таймеру (см. библиотеку правил). Тайм-ауты сессий и таймеры на скриптах сканированию не видны и требуют ручной проверки.

Вручную: составьте список всех мест, где заканчивается время: сессии входа, резерв корзины, оформление заказа, оплата и коды подтверждения. Оставьте каждое без действий, пока ограничение не приблизится. Убедитесь, что появляется предупреждение, что программа экранного доступа его объявляет, что одно простое действие продлевает время и что на это есть не менее 20 секунд. Проверьте, что уже введённые данные сохраняются.

Как исправить

• Уберите ненужные ограничения времени; в остальных случаях установите их дольше 20 часов.
• Показывайте доступное диалоговое окно с предупреждением до окончания сессии, с кнопкой «Продлить», которая получает фокус и работает с клавиатуры.
• Сохраняйте прогресс заполнения форм, чтобы после истечения сессии покупатель не терял введённые данные.
• Замените перенаправления через meta refresh с задержкой на серверное перенаправление или на ссылку, по которой переходит сам пользователь.

Связанные критерии

• 2.2.2 Пауза, остановка, скрытие — движущимся и автоматически обновляемым контентом должно быть можно управлять.
• 2.1.1 Клавиатура — действие продления должно работать с клавиатуры.
• Чек-лист WCAG 2.2 — все критерии уровней A и AA в одном списке.

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

Нарушает ли тайм-аут сессии WCAG 2.2.1?

Сам по себе нет. Требование выполнено, если пользователь может отключить ограничение, увеличить его минимум в десять раз по сравнению со значением по умолчанию или получает предупреждение до истечения времени и не менее 20 секунд, чтобы продлить его простым действием, причём не менее десяти раз. Ограничения дольше 20 часов тоже освобождены.

Допустим ли обратный отсчёт на аукционе?

Да. Ограничение времени, которое является обязательной частью события в реальном времени, например аукциона, и для которого нет альтернативы, относится к исключениям. Таймер резерва корзины — другое дело: удержание товаров для покупателя не является событием в реальном времени, поэтому нужен один из вариантов выше, например предупреждение и возможность продлить.

Считается ли meta refresh ограничением времени?

Да. Страница, которая автоматически перезагружается или перенаправляет через некоторое время, задаёт ограничение, которым пользователь не может управлять. Поэтому наша проверка отмечает meta refresh с задержкой.