⚠️【Safari】a要素やbutton要素などにタブフォーカスが当たらない

• テキストフィールドにはフォーカスできる
• tabindex属性を設定してもフォーカスできる要素とできない要素がある

結論： Safariの設定が原因

解決策

Safariのデフォルト設定では、Tabキーでフォーカスがあたる要素が限定されています。

• テキストフィールド
• ポップアップメニュー
• tabindex属性が指定されている「もともとがフォーカス可能ではない要素」（要出典）

この状態で、上記以外のフォーカス可能な要素にフォーカスするためにはOptionキーを同時に押下する必要があります。

以下の手順で設定を変更すると、他のモダンブラウザ同様Tabキーのみで、すべてのフォーカス可能な要素にフォーカスすることができます。

1. Safariを起動
2. メニューバーのアプリケーションメニュー、「Safari」から「環境設定」を開く
3. 「詳細」タブを選択
4. アクセシビリティの項目、「Tabキーを押したときにWebページ上の各項目を強調表示」にチェックを入れる

この状態でOptionキー＋Tabキーを操作すると、テキストフィールドやポップアップメニューなどのみにフォーカスを当たるようになります。