WCAG 準拠に取り組んでいるサイトを作成するために、セマンティック構造化を追加しています。
見出しがリンクである場合、使用しているスクリード リーダー (VoiceOver) によって検出されないことに気付きました。
あれは:
<h1>This is a H1 heading</h1>
<h3><a href="someurl.html">This is a H3 heading</a></h3>
<h4>This is a H4 heading</h4>
ローター ( ctrl-opt-u
) に次のように表示されます。
1: This is a H1 heading
4: This is a H4 heading
タグからh3
テキストを移動してテキストノードにするか、使用に切り替えると、ヘッダーはローターに表示されます。<a>
This is a H3 heading
span
私の質問は次のとおりですh3
。ハイパーリンクとして保持しながら、見出しローターに表示する方法はありますか?
これがNVDAまたはJAWSの同様の問題であるかどうかを誰かが知っている場合は、その情報も高く評価されます.