Component Library

Dynamic update

Issue Description

Dynamic Updates or alerts are not announced to screen reader users, or they are announced incorrectly.

Recommendation

Ensure that screen readers announce when alerts or new page content displays, whether a completely new page or dynamic content within a page or frame.

Use <aria-live> regions to ensure that dynamic content is announced to assistive technology, then move the screen reader focus to the first new element added to the page.

  • Consider ARIA alert level (polite, assertive), and whether all page content or just the page content that changes needs to be announced (atomic level).

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions