私の質問は、Webアクセシビリティのフォーカス管理についてです。ポップアップ/ダイアログを起動するとき、アクセシビリティの理由から、フォーカスは常に最初のフォーカス可能な要素に移動する必要がありますか、それともユーザーが操作したいと思う要素にフォーカスを設定することは許容されますか？
たとえば、ダイアログが入力フィールドとキャンセルリンクで始まり、その後にドロップダウンが続く場合、ダイアログが読み込まれたときにユーザーがドロップダウンを操作したいと思う可能性が高いと思われる場合、ドロップダウン要素にフォーカスを設定しても大丈夫ですか？この場合、ユーザーはダイアログに存在する以前のフォーカス可能な要素をどのように知ることができますか？ただし、ドロップダウンがダイアログの起動時にユーザーの80％が希望する場所である場合、最初の入力フィールドに焦点を当ててもあまり意味がありません...
考え？
私の調査と世論に基づいて: http://webaim.org/discussion/mail_thread?thread=5435モーダル ダイアログ/ポップアップの焦点がユースケースに依存するようです。たとえば、www.google.com の検索入力フィールドにフォーカスを設定することは理にかなっていますが、ユーザーが操作できる前の要素があります。これにより、スクリーン リーダーとキーボードのみのユーザーの使いやすさが最大化されます。ただし、一般的には、ユーザーが操作できる最初の要素に焦点を当てる必要があります (シナリオによって異なります)。
最初のフォーム要素またはフォームを紹介する見出し/コンテンツ以外にフォーカスを設定しないように注意します。WCAG 2.0 フォーカス順序を参照してください。
Web ページを順番にナビゲートでき、ナビゲーション シーケンスが意味や操作に影響する場合、フォーカス可能なコンポーネントは、意味と操作性を維持する順序でフォーカスを受け取ります。(レベルA)
あなたが提示するケースはエッジケースだと思いますが、フォーカス順序のルールはまだ適用されると思います. ほとんどのユーザーが select を操作したいと思うなら、フォームの中央にある要素にフォーカスを設定するのではなく、最初に select を配置してみませんか?