LoginSignup
5
1

SafariのTabキー操作が思うようにできなかったのでChromeと同じようにした話

Posted at

これはなに

先日Firefoxでの対応を記事にしました

そういえばMacbookのSafariでも同じような設定をしたので、解消方法の覚書を記事に残しておこうと思います。

デフォルトではTabキーでフォーカスが当たる場所が限られている

デフォルトの状態ではSafariでTabキー操作をした場合、フォーカスが当たる要素はChromeとは異なります。
Safariのデフォルトだと 文字に入力ができるinput要素だけにフォーカスが当たるようでした。

リンクやボタンにはフォーカスが当たってくれません。

Tabキーでリンクにフォーカスが当たるようにする方法

Chromeと同じようにリンクにもフォーカスが当たるように設定を変更します。

  1. Ssafariの「環境設定」を開く
    • ショートカット ⌘, でも開けます
  2. 「詳細タブ」の「アクセシビリティ」セクションの「Tabキーを押したときにWebページ上の各項目を強調表示」にチェックを入れる
    Safariの環境設定タブの詳細タブのスクリーンショット

以上で、リンクやボタンもフォーカス対象になり、Chromeと同じような挙動になります


ちなみにiPadでのTabキー操作のフォーカスについては下記の記事にまとめています。

この記事が誰かのお役に立てれば幸いです。

5
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
1