如何使屏幕阅读器在单击时读取按钮的aria标签

时间:2019-06-26 12:30:32

标签: javascript jquery html accessibility

我正在努力改善HTML页面的可访问性。我有一个“刷新”按钮。每次我单击该按钮时,屏幕阅读器是否都可以读出“刷新”。 这是我的HTML代码:

<button id="refresh_btn" title="refresh the content" aria-label="refresh" class="btn btn-default btn-xs"><i class="fa fa-refresh"></i></button>

1 个答案:

答案 0 :(得分:0)

您必须调查aria-live attribute:

<div aria-live="polite" id="ele"></div>

每次按下按钮时,您可以使用javascript使用所需的文本填充上面的标记:

<div aria-live="polite" id="ele">Loading</div>