WAIC-TEST-0029-05
aria-describedby 属性による説明ラベルの提供 (input要素 : XHTML文書)
application/xhtml+xml の MIME タイプのドキュメントにおいて、button 要素に aria-describedby 属性で関連付けをおこなった場合、関連付けられた要素の内容が読み上げられるかの確認
1.3.1, 3.3.2
ARIA1
<p><span class="left" id="fontDesc" >このページで使用するフォントフェイスとサイズの選択</span>
<span class="right"><button id="fontB" onclick="doAction('Fonts');" aria-describedby="fontDesc">
フォント</button></span></p>
<p><span class="left" id="colorDesc" >このページで使用する色を選択</span>
<span class="right"><button id="colorB" onclick="doAction('Colors');" aria-describedby="colorDesc">
色</button></span></p>
<p><span class="left" id="customDesc" >このページで使われているレイアウトやスタイルをカスタマイズ</span>
<span class="right"><button id="customB" onclick="doAction('Customize');" aria-describedby="customDesc">
カスタマイズ</button></span></p>
テスト不要
なし
なし
button要素にフォーカスを合わせた際、aria-describedby属性で関連付けられた文章が読み上げられる。
なし
button要素、aria-describedby属性