# Тайм-ауты сессии: незамеченный барьер доступности в дизайне аутентификации — Smashing Magazine

Перевод статьи: Session Timeouts: The Overlooked Accessibility Barrier In Authentication Design — Smashing Magazine

# Тайм-ауты сессии: незамеченный барьер доступности в дизайне аутентификации — Smashing Magazine

10 min readAccessibility,
Design,
Usability,
UXПлохо продуманные тайм-ауты сессии — это больше, чем просто техническое неудобство. Они могут стать серьезными барьерами доступности, которые прерывают важные онлайн-задачи, особенно у людей с инвалидностью. Вот как внедрить продуманное управление сессией, чтобы улучшить удобство использования, снизить уровень раздражения и помочь создать более доступный и уважительный веб.

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

Для многих привычно столкнуться с ситуацией, когда ты уже почти закончил важную форму, а тебя без церемоний выбрасывает обратно на экран входа. Такие инциденты приводят к раздражению и даже к полному отказу от сайта. Выполнив некоторую работу на бэкенде, веб-специалисты могут гарантировать, что никому не придется испытывать это разочарование.

Почему тайм-ауты сессии непропорционально сильно затрагивают пользователей с инвалидностью

Значительная часть населения мира имеет когнитивные, моторные или нарушения зрения. По всему миру около 1,3 миллиарда людей имеют существенные инвалидности. Независимо от того, связаны ли их ограничения с моторными, когнитивными или зрительными нарушениями, это влияет на их способность легко взаимодействовать с технологиями. Все они могут непропорционально сильно страдать от тайм-аутов сессии, поэтому доступность тайм-аута сессии — критически важная проблема.

Тайм-ауты сессии недоступны для значительной доли населения. По оценкам, 20% людей нейроотличающиеся, то есть тайм-аут-барьеры затрагивают не маленькую подгруппу пользователей — они влияют на существенную часть аудитории любого сайта. В результате некоторые пользователи могут выглядеть неактивными, хотя это не так. Строгие тайм-ауты создают чрезмерное давление.

Моторные нарушения и более медленная скорость ввода

Например, человек с церебральным параличом пытается купить билеты онлайн на предстоящий концерт. Из-за трудностей с координацией и мышечной скованности он может вводить свои данные медленнее, чем это сделал бы человек без инвалидности. Он выбирает дату, выбирает места и заполняет личную информацию. Прежде чем он успеет ввести данные своей кредитной карты, появляется всплывающее окно тайм-аута. Его «выкидывают» из системы из-за «неактивности», и ему приходится начинать весь процесс заново.

Эта ситуация не является полностью гипотетической. Мэтью Кейн — адвокат по правам людей с инвалидностью, телеведущий и автор издания The European magazine. Он описывает усилия, необходимые для навигации по сайтам человеком с церебральным параличом. Он объясняет, что пользовательский интерфейс часто плохо спроектирован для адаптивных устройств, и его беспокоит, что его оборудование может реагировать неправильно. После того как он аккуратно проходит каждую страницу, его внезапно разлогинивают. В один момент один таймированный запрос может стереть часы работы — и это не просто вопрос неудобства. Одна неудачная попытка может задержать поддержку или заставить его пропустить назначенные встречи.

Моторные нарушения могут замедлять скорость ввода, из-за чего может казаться, что пользователь находится не за компьютером. Поэтому люди, которые испытывают скованность, тремор рук, проблемы с координацией, непроизвольные движения или мышечную слабость, непропорционально сильно страдают от тайм-аутов сессии. Согласно DWP Accessibility Manual, может потребоваться несколько попыток, чтобы адаптивные технологии зарегистрировали ввод, что заметно замедляет пользователей. Даже если они получают предупреждение, они могут не успеть среагировать достаточно быстро, чтобы доказать, что все еще активны.

Когнитивные нарушения и время на обработку

Тайм-ауты сессии также могут создавать барьеры доступности для людей с различными когнитивными особенностями. Строгие тайм-ауты создают чрезмерное давление, исходя из предположения, что все обрабатывают информацию с одинаковой скоростью. Пользователи могут выглядеть неактивными, хотя на самом деле они читают, обдумывают или обрабатывают информацию.

Когнитивные различия включают широкий спектр опыта, включая нейроотличия вроде аутизма и СДВГ, а также нарушения развития, такие как синдром Дауна, и нарушения обучения, например дислексию. Многие люди рождаются с когнитивными различиями. На самом деле, по оценкам, 20% людей — нейроотличающиеся, и это составляет значительную часть аудитории любого сайта. Другие приобретают когнитивные инвалидности позже в жизни из-за травматического повреждения мозга или состояний вроде деменции.

Людям с когнитивными инвалидностями часто требуется больше времени, чтобы завершить онлайн-задачи — не потому, что у них есть какой-то дефицит, а потому что они по-другому обрабатывают информацию. Дизайнерские решения, которые хорошо работают для нейротипичных пользователей, могут создавать ненужные препятствия для людей с СДВГ, дислексией, аутизмом или состояниями, связанными с памятью.

Невидимые тайм-ауты сессии особенно проблемны для людей, которые сталкиваются с потерей памяти, различиями в обработке языка или «слепотой ко времени». Например, лидер в области технологий для нейроотличающихся Кейт Карратерс говорит, что СДВГ повлиял на ее восприятие времени. У нее «слепота ко времени», и она не может надежно отслеживать, сколько времени прошло, поэтому оценки становятся бесполезными.

Когда сайты полагаются на то, что пользователи оценивают оставшееся время до истечения сессии, они незаметно исключают людей — не только тех, у кого есть формальные диагнозы СДВГ, но и всех, кто по-другому воспринимает время или обрабатывает информацию в другом темпе.

Нарушения зрения и накладные расходы при навигации с помощью скринридера

Поскольку слепые или слабовидящие пользователи не могут визуально просканировать страницу, чтобы найти нужное, им приходится слушать ссылки, заголовки и поля форм, а это по своей сути занимает больше времени. Более 43 миллионов человек по всему миру страдают слепотой, при этом 295 миллионов имеют умеренные или тяжелые нарушения зрения — и это делает проблему доступности значимой для любого сайта, ориентированного на глобальную аудиторию.

В результате сессии этих пользователей могут истечь даже тогда, когда они активны. Живые таймеры и предупреждения за 30 секунд мало помогают, потому что они не рассчитаны на работу со скринридерами.

Богдан Церовац, веб-разработчик, увлеченный цифровой доступностью, столкнулся с этим на собственном опыте. Таймер обратного отсчета сообщал ему, сколько времени осталось до того, как его разлогинят из-за неактивности. Судя по всему, все работало нормально. Однако он описывает опыт со скринридером как ужасный: скринридер сообщал ему оставшееся время каждую секунду. Он не мог нормально ориентироваться на странице, потому что его «засыпали» постоянными сообщениями о статусе.

Частые паттерны тайм-аутов, которые не соответствуют требованиям доступности

Согласно Национальному институту стандартов и технологий (NIST), управление сессией предпочтительнее, чем постоянно сохранять учетные данные, что побуждало бы пользователей создавать обходные пути аутентификации, способные угрожать безопасности. Однако несколько распространенных паттернов тайм-аутов не соответствуют современным требованиям доступности тайм-аутов сессии.


Источник изображения: princekwame. (Большой превью)

Тихие тайм-ауты и недостаточные предупреждения

Многие сайты либо не показывают предупреждение перед тем, как разлогинить пользователя, либо отображают краткое всплывающее окно на несколько секунд, которое появляется слишком поздно, чтобы успеть что-то сделать. Для пользователей, которые навигируют с помощью скринридера, такие предупреждения могут не быть объявлены вовремя. Для людей с моторными нарушениями 30-секундный обратный отсчет может не дать достаточно времени, чтобы отреагировать.

Давайте рассмотрим страницу DS-260 Центра по обработке электронных заявок для консульских учреждений (Consular Electronic Application Center), которая используется для подачи заявления на получение или продление виз США для неиммигрантов. Если заявка простаивает примерно 20 минут, система разлогинит пользователя без предупреждения. Страница FAQ дает только приблизительную оценку времени. Работа человека сохраняется лишь тогда, когда он завершает страницу, поэтому он может потерять значительный прогресс.

Непродлеваемые сессии

Внезапное сообщение «Сессия истекла» раздражает даже людей без инвалидности. Если нет опции продолжить, пользователи вынуждены снова входить в систему и начинать работу заново, тратя время и энергию впустую.

Потеря данных формы при истечении сессии

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

Паттерны дизайна, которые балансируют безопасность и доступность

Непоследовательные периоды тайм-аута и отсутствие предупреждений приводят к внезапной, неожиданной потере всей несохраненной работы. Для длинных и сложных форм — например, DS-260 — плохой пользовательский опыт особенно болезненно воспринимается. В сравнении с этим, заявка в Великобритании на получение пенсионного кредита (pension credit) обладает высокой доступностью. Она предупреждает пользователей минимум за две минуты до истечения и позволяет продлить сессию. Она соответствует уровню AA критериев успешности WCAG 2.2, что указывает на ее доступность.


Источник изображения: Experience League. (Большой превью)

Люди с инвалидностью непропорционально сильно страдают от непредвиденных последствий плохого управления сессией. К счастью, недоступность тайм-аутов сессии — не неизбежный факт. С несколькими небольшими изменениями веб-специалисты могут заметно повысить доступность своего сайта.

Системы предварительных предупреждений и расширение функциональности

Сайты должны четко указывать наличие временного ограничения и его длительность до того, как начнется сессия. Например, если человек заполняет банковскую форму, первая страница должна существовать исключительно для того, чтобы сообщить ему, что у формы есть лимит в 60 минут. Живой счетчик, который регулярно обновляется, может помочь пользователям отслеживать, сколько времени осталось. Также пользователям нужно сообщить, могут ли они изменить длительность тайм-аута сессии.

Тайм-ауты по активности vs. абсолютные тайм-ауты

Тайм-аут по активности разлогинивает пользователя из-за неактивности, тогда как абсолютный тайм-аут разлогинивает независимо от активности. Для офиса абсолютный таймер на 24 часа может иметь смысл, поскольку сотрудникам нужно входить в систему только когда они приходят на работу. Пока пользователи знают, когда истечет их сессия, второй вариант более доступен, чем первый.

Автосохранение и сохранение прогресса

Cookies, localStorage и sessionStorage — это временные механизмы хранения на стороне клиента, которые позволяют веб-приложениям сохранять данные в течение одной сессии браузера. Это мощные, легковесные инструменты. Веб-разработчики могут использовать их, чтобы автоматически сохранять прогресс пользователей через частые интервалы, гарантируя восстановление данных при повторной аутентификации.

Таким образом, даже если сессия пользователя истечет случайно, его не будут наказывать. Как только он снова войдет в систему, он сможет завершить ввод данных своей кредитной карты или продолжить с того места, на котором остановился, в онлайн-форме.

Тестирование и соображения по соответствию WCAG

Руководство по доступности веб-контента (WCAG) — это набор международно признанных стандартов доступности интернета, опубликованных W3C. Оно выступает в роли арбитра доступности тайм-аутов сессии. Веб-разработчикам следует уделить особое внимание руководящему указанию 2.9.2, где описаны лучшие практики для достаточного времени.

Механизм, позволяющий настраивать тайм-аут, должен продлевать лимит до истечения сессии или позволять полностью отключить его. Для первого варианта должно появляться диалоговое окно, которое спрашивает у пользователей, нужно ли им больше времени, и позволяет продолжить одним кликом. В WC3 отмечается, что исключения существуют.

Например, когда сайт проводит живую продажу билетов, пользователи могут удерживать билеты в своей корзине только 10 минут, чтобы дать другим возможность купить ограниченный ассортимент. В качестве альтернативы тайм-ауты сессии могут быть необходимы на общих компьютерах. Если бы библиотекари разрешили всем оставаться залогиненными вместо того, чтобы автоматически разлогинивать их на ночь, это создавало бы риски для безопасности.

Некоторые процессы вообще не должны иметь тайм-лимитов. При просмотре социальных сетей, чтении новостной статьи или поиске товаров на сайте электронной коммерции нет причин, чтобы сессия истекала в произвольном временном интервале. Между тем, в таймированном экзамене это может быть необходимо. Однако в таком случае администраторы могут продлевать лимиты для студентов с инвалидностью.

Когда веб-разработчики делают управление сессией доступным, они не обслуживают маленькую группу. Данные Pew Research Center показывают, что 62% взрослых людей с инвалидностью имеют компьютер. 72% имеют высокоскоростной домашний интернет. Эти цифры статистически не отличаются от доли недисаблед- (то есть без инвалидности) взрослых, которые говорят то же самое.

Преодоление барьера доступности тайм-аутов сессии

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

  • WCAG SC 2.2.1 Timing Adjustable
  • WCAG SC 2.2.5 Re-authenticating
  • WCAG SC 2.2.6 Timeouts

Помимо следования этим рекомендациям, существует множество информации от ведущих образовательных учреждений, экспертов по открытым веб-технологиям и государственных агентств. Они дают отличную отправную точку для тех, у кого есть промежуточные знания в области веб-разработки.

Веб-специалистам стоит рассмотреть следующие ресурсы, чтобы узнать больше об инструментах и техниках, которые можно использовать, чтобы сделать управление сессией более доступным:

  • Session Extension Technique от Harvard University
  • DWP Accessibility Manual: Как тестировать тайм-ауты сессии
  • Свойство Window: sessionStorage

Доступность тайм-аутов сессии — это не только лучшая практика отрасли, но и этический стандарт веб-разработки.

«Те, кто расставляет приоритеты в этом, привлечет более широкую аудиторию, улучшит удобство использования и получит больше посетителей сайта и более длинные сессии.

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

Дополнительное чтение на SmashingMag

  • “What Does It Really Mean For A Site To Be Keyboard Navigable”, Eleanor Hecks
  • “Designing For Neurodiversity”, Vitaly Friedman
  • “What I Wish Someone Told Me When I Was Getting Into ARIA”, Eric Bailey
  • “A Designer’s Accessibility Advocacy Toolkit”, Yichan Wang


(yk)