ログイン:ユーザー名フィールドが自動フォーカスされず、タブ順の先頭にもない

利用しているフォーラムが最近 2.7.0.beta3 から 2.7.0.beta4 にアップグレードされたところ、ユーザー名フィールドが自動フォーカスされなくなりました。また、Tab キーを押すと、背後の(グレーアウトした)ページのすべてのリンクを通過してしまい、ログインダイアログにジャンプしません。そのため、キーボードだけでログインすることが非常に困難になっています。

再現手順:

  • プライベート/シークレットブラウザウィンドウを開きます(ほとんどのブラウザでは Ctrl-Shift-N、Firefox では Ctrl-Shift-P)。
  • Discourse フォーラムサイトへアクセスします。
  • Tab キーを 3 回押し、Enter キーを押してログインダイアログを表示します。
  • マウスやその他のポインティングデバイスを使用せずにユーザー名フィールドへ移動しようとします。Tab キーを何度か押した際の挙動に注意してください。

提案する修正:
ユーザー名フィールドへの自動フォーカスを元に戻すか、それが不可能な場合(ここで検索すると、オンスクリーンキーボードがフィールドを隠してしまい、スマートフォンやタブレットで問題を引き起こしていた可能性が示唆されています)には、少なくともログインダイアログの要素に tabindex="1" を設定するか(または HTML 内で最前面に配置する)ことで、見えていないし、そもそも気にしていないページ部分を Tab キーで通過する必要がなくなるようにしてください。

「いいね!」 5

フィールドの順序が崩れている場合は修正する必要がありますね、@awesomerobot

「いいね!」 1

あるユーザーからの報告:

私にも同様の問題が発生しています。選択したスクリーンリーダー(Windows の NVDA)を使用している場合、ページ下部に移動し、ダイアログ要素で Enter キーを押してログインする必要があります。以前は編集フィールドが自動的にフォーカスされ、情報を入力できました。Mac の VoiceOver や Linux の Orca についてはまだ試していません。

「いいね!」 3

来週、@awesomerobot さん、フィールドの順序を確認しましょう。すべての🦆が整列していることを確認するためです。

「いいね!」 4

こちらに更新情報があります:

「いいね!」 4