aria-labelledby

ID reference list

Gives an element an accessible name by pointing to the IDs of one or more other elements whose visible text should be used. When several IDs are listed, their text is joined in the order given. It takes precedence over aria-label and native labelling, so it's ideal for reusing text already on the page.

aria-labelledby="…"

Value

A space-separated list of element ids.

Used on

Any HTML element — aria-labelledby is a global property.

Associated roles

Every ARIA role. As a global property, aria-labelledby is supported on all roles.

Example

aria-labelledby="…"

<div role="dialog" aria-labelledby="title">
  <h2 id="title">Delete file?</h2>
</div>

References

WAI-ARIA 1.2 specification
MDN Web Docs