Вход: поле имени пользователя не получает фокус автоматически и не находится в начале порядка переключения

На форуме, где я состою, недавно было выполнено обновление с версии 2.7.0.beta3 до 2.7.0.beta4, и теперь поле имени пользователя больше не получает автоматический фокус. Кроме того, при переключении между элементами с помощью клавиши Tab курсор проходит через все ссылки на странице (затемнённой на фоне), вместо того чтобы сразу перейти к диалогу входа. Из-за этого войти в систему, используя только клавиатуру, крайне сложно.

Шаги для воспроизведения:

  • Откройте окно браузера в режиме инкогнито/приватном режиме (Ctrl-Shift-N в большинстве браузеров, Ctrl-Shift-P в Firefox).
  • Перейдите на сайт форума Discourse.
  • Нажмите клавишу Tab три раза, затем Enter, чтобы открыть диалог входа.
  • Попробуйте перейти к полю имени пользователя без использования мыши или другого указывающего устройства. Обратите внимание на поведение при многократном нажатии клавиши Tab.

Предлагаемое решение: либо вернуть автоматический фокус на поле имени пользователя, либо, если это невозможно (поиск здесь показывает, что, возможно, это вызывало проблемы на телефонах/планшетах, когда экранная клавиатура перекрывала поля), то хотя бы установить для элементов диалога входа атрибут tabindex со значением 1 (или разместить их первыми в HTML), чтобы вы не переключались на части страницы, которые вы даже не видите и точно не хотите использовать.

5 лайков

Если поля расположены в неправильном порядке, нам нужно это исправить @awesomerobot

1 лайк

Отчет от одного из наших пользователей:

У меня тоже возникает эта проблема. Используя предпочитаемую программу чтения с экрана (NVDA в Windows), мне нужно перейти в конец страницы, нажать Enter на элементе диалога и войти таким образом, тогда как раньше поля редактирования получали фокус автоматически, и я мог сразу вводить свои данные. Я ещё не пробовал с VoiceOver на Mac или Orca на Linux.

3 лайка

Да, давайте на следующей неделе проверим порядок полей @awesomerobot, чтобы убедиться, что все наши :duck: выстроились в ряд.

4 лайка

У меня есть обновление:

4 лайка