aria-roledescription
StringLets you supply a human-readable, author-defined name for an element's role — for example calling a carousel group a 'slide'. Screen readers announce this in place of the default role name, so use it sparingly and only where the interaction genuinely matches. Never use it to rename a role in a way that misleads about how the element behaves.
Value
Any string of text.
Used on
Any HTML element —
aria-roledescription is a global property.Associated roles
Every ARIA role. As a global property,
aria-roledescription is supported on all roles.Example
aria-roledescription="…"
<div role="group" aria-roledescription="slide" aria-label="1 of 4">…</div>References