Issue Summary

Dynamically updating the slides is not communicated with screen reader users.

Steps to Reproduce

1. Open the homepage.
2. Kindly log in with the credentials
3. Observe that a "Check out what's changed in Confluence" modal dialog appears on the page.
4. Using a screen reader, navigate to the carousel present in the dialog.
5. Listen that the region consisting of a carousel is not identified.
6. Activate the carousel controls.
7. Observe that slides in the carousel change but this is not announced.

Screen Recording 

Screen Recording 2024-05-22 at 4.26.08 PM.mov

Actual Results

On activating the carousel controls, the content of the respective slide gets dynamically updated. Although the dynamic change in the content is easier to understand for sighted users, it is not intuitive for screen reader users. Moreover, the region consisting of the carousel is not programmatically determined. As a result, screen reader users will not be able to identify the presence of the carousel and find it difficult to understand the behaviour.

Expected Results

The region consisting of the carousel should be identified with a screen reader. Also, the screen reader should announce the change of slides when users activate the carousel controls.
 
Apply the following changes :
• Add role "region" and aria-label="Carousel" attribute to the <div> element containing the carousel content.
• Add role="status" to the <div> tag containing the carousel content to ensure that the screen reader announces the updated content.
 
For more information on the carousel, visit https://www.w3.org/WAI/ARIA/apg/example-index/carousel/carousel-1-prev-next

Workaround

Not available

Environment

MacBook Pro (13-inch, 2018)
macOs Ventura 13.3.1
Chrome - Version 109.0.5414.119 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest