Component Library

Alerts - Progress

The progress bar is not announced to the screen reader user.

When dynamic content loads on the page, the user expects to hear an accurate description of the element.

Use role="progressbar" and aria-valuenow to indicate progress to assistive technology products.

Use aria-describedby to point to the status, and set the aria-busy attribute to true on the region until it is finished loading.

Please see G4 for a more descriptive explanation.