WAI ARIA显示/阅读描述信息点击

我有一个帮助链接，它切换p＃hlp。在这些元素之间有一个复选框区域。我需要帮助信息可用（阅读p）链接点击，而不是焦点。WAI ARIA显示/阅读描述信息点击

<form name="name"> 
    <fieldset> 
    <legend>legend</legend> 
    <a class="help" title="help-button" href="#" aria-describedby="hlp" >Help</a> 
    <div class="check"> 
    <label class="radio">10</label><input type="radio" name="p-v"> 
    <label class="radio">20</label><input type="radio" name="p-v"> 
    <label class="radio">Input</label><input type="radio" name="p-v"> 
    </div> 
    <div class="expln"> 
    <p id="hlp" aria-hidden="false">Help info: Lorem ipsum blah blah blah</p> 
    </div> 
</fieldset> 
</form>

来源

2012-07-27 David C.

唱段，describedby属性标识描述对象的元素，所以要根据您的问题，帮助信息实际上并不代表你说的话，它应该是仅适用的onclick而不是焦点，当帮助链接，它基本上所做的就是控制另一个由该链接激活的区域，并由其内容进行描述。

所以最好你应该做这样的事情：

<a class="help" title="help-button" href="#" role="button" aria-controls="hlp">Help</a> 
<div class="expln" id="hlp" tabindex="-1" role="region" aria-label="Help Info" aria-expanded="true" style="display: block; "> 
    <p>Help info: Lorem ipsum blah blah blah</p> 
</div>

所以像JAWS屏幕阅读器现在将读取单击该按钮只有在区域中的内容。

而且由于浏览器的焦点没有改变，页面位置保持不变，我标记了链接为role =“button”。

参见：

来源

2012-07-28 05:50:47 Ravi

WAI ARIA显示/阅读描述信息点击

回答

相关问题