Порядок табуляции для входа и «Пропустить пароль / отправить ссылку для входа на email»

Некоторые из наших пользователей пожаловались на поведение клавиши TAB при входе в систему.
По их мнению, после ввода username и нажатия клавиши TAB курсор должен переходить в поле password, а не на ссылку Skip password link.

Наш форум посещают в основном разработчики, привыкшие использовать клавишу TAB для входа. И я знаю, что в случае с Discourse можно нажать клавишу TAB дважды, чтобы перейти в поле пароля…

Но меня интересует, соответствует ли текущее поведение какому-то особому дизайну или это просто побочный эффект каких-то изменений.
Получали ли вы подобные отзывы?

5 лайков

Я думаю, что порядок переключения вкладок здесь корректен — это естественный порядок интерактивных элементов в модальном окне. Если бы я полагался исключительно на клавиатуру для навигации, доступ к этой ссылке мог бы быть затруднён, если бы порядок переключения был произвольным.

Специалисты по доступности рекомендуют избегать изменения порядка переключения вкладок элементов на странице, если в этом нет абсолютной необходимости. Using the tabindex attribute - Vispero

2 лайка

Понятно… Тогда вопрос в том, находится ли опция ссылка для входа в рекомендуемом месте или лучше разместить её ниже в модальном окне. Может быть, под полем Пароль?
Не поймите меня неправильно, я считаю опцию ссылка для входа интересной, просто она немного нарушает почти универсальный сценарий доступа к полю Пароль с помощью двух нажатий TAB.

2 лайка

Я согласен с автором оригинального сообщения: когда я использую менеджер паролей, типичный «API» между менеджером паролей и формой входа состоит в следующем: (1) вставка имени пользователя, (2) TAB, (3) вставка пароля, (4) ENTER.

С промежуточной ссылкой «Пропустить» (которая, удивительно, появляется только после того, как я — вернее, мой менеджер паролей — начинаю вводить имя пользователя), эта последовательность нарушается.

Да, большинство менеджеров паролей позволяют изменить последовательность по умолчанию, но это требует ручного изменения в остальном почти повсеместно принятом «API». Это неудобство для опытных пользователей и совершенно неприемлемо для новичков, что приведёт к снижению использования менеджеров паролей и, в конечном итоге, к снижению общей безопасности при использовании Discourse. (Я говорю как пользователь форума Fairphone.)

С точки зрения UX я не вижу причин, по которым ссылка «Пропустить» должна находиться именно в этой позиции. Это функция, которая, вероятно, используется редко — когда пароль был забыт. (Хотя я не знаю, есть ли у вас статистика, указывающая на обратное.)

Поэтому я настоятельно рекомендую сохранить предыдущий дизайн.

Спасибо и привет от
nobi

3 лайка

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

@awesomerobot Не могли бы мы рассмотреть возможность перемещения ссылки ниже поля пароля?

5 лайков

@awesomerobot Как вы думаете, что нам следует сделать в данном случае?

  1. Переместить подсказку «Пропустить пароль» в другое место?
  2. Изменить порядок навигации с помощью клавиши Tab так, чтобы «Пропустить пароль» был доступен только после поля пароля?
  3. Перейти к многоэтапному входу в стиле Google, где на первом экране будет только имя пользователя, а на втором — поле пароля и кнопка входа?
  4. Ничего не делать.

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

2 лайка

Я думаю, что для большинства людей мы разместили это в нужном месте в нужное время, но, учитывая, что большинство не использует менеджеры паролей и навигацию с клавиатуры, можно ли убрать это из порядка вкладок, чтобы избежать этой конкретной жалобы?

1 лайк

Я бы сказал, что в сравнении с «fiddle» и «remove», порядок вкладок может быть следующим:

Имя пользователя
Пароль
Войти
Пропустить пароль
Забыли пароль?
Создать новый аккаунт

2 лайка

Этот новый порядок переключения вкладок в модальном окне входа теперь доступен на Meta и станет доступен при следующем обновлении Discourse.

2 лайка