Image Carousel Test

The following is an image carousel designed to work with a web content management system that can create a simple list of images -- button controls are added by script. Based on the design request, buttons are positioned at the left/right edges (rather than corners). Focusing either button will stop autoplay.

ARIA markup is based on Auto-Rotating Image Carousel Example with Buttons for Slide Control, tweaked to try to get it working consistently with JAWS & NVDA. (Need to test with VoiceOver.) Main issues are reading the carousel group label/description, and the image alt text & item number w/ aria-live, without reading multiple times.

Example

Issues

• Working OK w/ JAWS 2022, but doesn't read item number without up-arrowing to container.
• NVDA is being squirrelly in general, and not reading changed image alt text. Works if aria-hidden is toggled, but that causes JAWS to read it twice.
• Neither JAWS nor NVDA seem to recognize aria-posinset and aria-setsize, so item number and total are being included in container aria-label.
• ARIA Guide recommends using aria-roledescription, but NVDA doesn't seem to read it, and JAWS reads it after the button labels, etc., in confusing ways.
• Need to add a pause button? Maybe off-screen until hovered/focused? Or below?