Tabindex でフォーカスを制御する | Articles | web.dev<button> や <input> などの標準 HTML 要素にはキーボード アクセシビリティが組み込まれているため、可能な限り使用する必要があります。ただし、カスタムのインタラクティブな要素を構築する必要がある場合は、tabindex を追加して、想定されるユーザー アクションを作成できます。 tabindex は、インタラクティブなコンテンツにのみ追加してください。重要なコンテンツ（キー画像など）であっても、スクリーン リーダーのユーザーはフォーカスを追加しなくてもコンテンツを理解できます。 tabindex とは何ですか？ 組み込み要素によって提供されるデフォルトのタブ順序を変更する必要がある場合は、tabindex HTML 属性を使用して、要素のタブ位置を明示的に設定できます。 tabindex は任意の要素に適用できますが、インタラクティブな要素にのみ適用する必要があります。
