Как заставить программу чтения с экрана читать ярлык арии кнопки при нажатии

Question

Я работаю над улучшением доступности 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>

Answer 1

Вы должны исследовать атрибут aria-live:

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

Каждый раз, когда вы нажимаете кнопку, вы можете заполнить вышеуказанный тег текстом, который вы хотите, используя javascript:

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