Сообщение после нажатия на кнопку

Когда пользователь нажимает на кнопку, можно через скринридер сообщить ему результат, например, что форма была отправлена или что произошла ошибка.

<button aria-controls="message">Отправить данные</button>

<div role="status" id="message">Данные успешно отправлены</div>

Но чтобы скринридер прочитал текст, текст должен поменяться. За это отвечает атрибут role="status", который озвучивает текст после того, как он обновляется.

По примеру выше, если пользователь нажмёт на кнопку, скринридер произнесёт «Данные успешно отправлены».