概要と目的
ここでは、ブロックスキップについての検証を行う
- URLフラグメントを利用したページ内リンク
- フォーカス不可の要素にリンクを通した場合の挙動について
- tabindex を使った挙動の違いについて
各種検証
スクリーンリーダー
VoiceOver(MacOS+Chrome)
デフォルト
きちんと読まれていることがわかる。
- デフォルト、下位項目が折りたたまれました、三角形の展開ボタン、グループ
- デフォルト、字間広く、三角形の展開ボタン、グループ
VoiceOver(MacOS+Safari)
ChromeVox
キー操作
キー操作自体には問題はない。 Tabキーを押すと、summary要素、a要素のそれぞれにフォーカスを移せる。
結論
***