我有一个搜索表单。当用户提交表单时,ajax请求被发送到服务器。当响应到来时,我更新找到的项目计数值,但JAWS读取先前项目的计数值。 为了让JAWS读取新内容,我使用了aria属性和role =“status”。但JAWS仍然无法按预期工作。JAWS不会读取动态内容。 IE11
我已经试过什么: Getting screen reader to read new content added with JavaScript, aria-live and JAWS,ARIA Live Regions等
我在做什么错?
HTML
<form class="search-form">
<label class="keyword-search-input-label" for="keyword-search-input">
<span class="hide">Search</span>
<input class="form-control" type="text" id="keyword-search-input" name="keyword"/>
</label>
<button id="clear-field-button" type="reset">
<span class="hide">Clear Search Field</span>
</button>
<button id="search-button" type="submit" aria-describedby="number-found-items">
<span class="symbol-label">Search</span>
</button>
</form>
<div id="number-found-items" role="status" aria-live="assertive" aria-atomic="true" aria-relevant="all">
<span id="number-found">0</span>
items found
</div>
JS
function updateNumberFound(value) {
$numberFound.text(value || 0);
}
jsFiddle 要重现该问题试图把重点放在搜索输入,键入一些文字,然后按搜索按钮,而JAWS上。
你能设置一个jsfiddle来重现问题吗? – unobf 2015-03-19 12:20:38
@unobf,我添加了jsfiddle。你能检查一下吗? – iOne 2015-03-20 08:04:26