aria-details
ID referencePoints to the ID of an element that provides extended, structured detail about the current element — for instance a full description of a chart or image. Unlike aria-describedby, the referenced content can be rich (lists, tables, links) and users navigate to it rather than hearing it read inline. Reach for it when a simple text description isn't enough.
Value
The id of another element in the same document.
Used on
Any HTML element —
aria-details is a global property.Associated roles
Every ARIA role. As a global property,
aria-details is supported on all roles.Example
aria-details="…"
<img aria-details="chart-desc" src="sales.png" />
<div id="chart-desc">Detailed breakdown…</div>References