概要と目的
ここでは、カード（コンポーネント）についての検証を行う
- aタグで囲った場合のスクリーンリーダーでの読み
- 適切な要素の並びについて
- メインとメタ情報の切り分け
各種検証
スクリーンリーダー
VoiceOver(MacOS+Chrome)
デフォルト
きちんと読まれていることがわかる。
- デフォルト、下位項目が折りたたまれました、三角形の展開ボタン、グループ
- デフォルト、字間広く、三角形の展開ボタン、グループ
VoiceOver(MacOS+Safari)
ChromeVox
キー操作
キー操作自体には問題はない。 Tabキーを押すと、summary要素、a要素のそれぞれにフォーカスを移せる。
結論
***