Component Library

Status Messages - Non critical

Issue Description

Page content changes, but dynamic content is not announced by screen readers.

Recommendation

  • Ensure dynamic content is announced to assistive technology with a <role="status"> attribute.
  • Ensure that when search results are loading or new page load, screen readers notify the status as "loading".
  • Add a new message with role="status" to indicate the record has been removed / added.

Examples:
<p role="status">Record has been removed</p>

https://knowbility.org/blog/2018/WCAG21-413StatusMessages/