Carousel: State of current carousel slide is not conveyed

Link to Carousel: State of current carousel slide is not conveyed copied to clipboard

custom-carousel-current

Rule

The name, role, value, states, and properties of user interface components MUST be programmatically determinable by assistive technologies.

Background

If a set of carousel slides, thumbnails, or "dots" indicate visually which slide is currently selected - such as with an outline, underline, color change - the same information must also be conveyed programmatically to people who cannot see the content.

How to Fix

Fix this issue by using aria-current="true" on the container of the current slide (<a>, <button>, <img>, <div>...)