Voiceoverがブラウザのタブを読まないようにする方法

実現したいこと

前提

もし同じ現象に遭遇し、解消方法を見つけている方がいらっしゃったらご教示いただきたく、質問を立てました。
Webアクセシビリティ対応のためにVoiceoverを使用するたびに困っています。
ブラウザのメインコンテンツ部分を読み上げて欲しいものの、ブラウザのタブを読み上げたり、chromeでdeveloper toolを開いているときは、developer toolの表示まで読んでしまいます。
これが起きている時は、Voiceoverのフォーカスはブラウザのタブにありますが、メインコンテンツ部分にキーボードのタブがあり、コントロールが2つあるような状態になります。キーボードのtabキーで移動できるのはメインコンテンツです。

試したこと

  • controlキー + VO修飾キー で読み上げを一時停止する
    →効果がない
  • command + F5等でVoiceoverを終了 / 再開し直す
    →効果がない
  • developer toolを閉じる
    →developer toolを読み上げてしまう場合は有効なことがあったが、ブラウザのタブを読んでしまう時には効果がない
  • 読み上げたいページのタブのみのchromeウィンドウを作り読み上げる
    →効果がない(タブから抜けない)

補足情報(FW/ツールのバージョンなど)

  • macでVoiceoverを使用すると起きる
  • ブラウザ: Chrome

コメントを投稿

0 コメント