Important: This website does not attempt to establish a standard for how assistive technologies must behave. Read the FAQ for more information. Additionally, this is a work in progress. Please submit feedback or suggestions.

aria-details attribute (aria)

Screen Reader support level: partial (7/11)

On this page

About this feature

Identifies the element that provides a detailed, extended description for the object. See related aria-describedby.

There is poor support for aria-details, so it should not be used as the only means of conveying the relationship between an object and its detailed description. Since aria-details can only reference an element that is elsewhere on the same page, the details will likely sill be discoverable by screen reader users. Until support is more robust, it might be worth while to consider an additional indication that the object has a detailed description on the same page by way of the alt attribute or similar method.

Age of results

Results across all tests for this feature range from a year ago to 5 years ago. Detailed dates and version information can be found in associated tests.

Caution

Failing or partial results may be out of date. The oldest result is from a year ago. Consider running the associated tests and contributing results.

Expectations

What are expectations?

Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeEdgeFirefoxEdgeChromeEdgeFirefoxFirefoxChromeSafariSafari
MUST convey the presence of aria-detailssupportedsupportedsupportednonesupportedsupportedsupportedsupportednonenonenone
SHOULD convey the referenced content (jump or convey)nonenonenonenonesupportedsupportedsupportedsupportednonenonenone
MAY convey the boundaries of the detailssupportedsupportedsupportednonenonenonenonesupportednonenonenone

Expectation: convey the presence of aria-details

Strength of this expectation for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA
Screen Reader support for 'MUST convey the presence of aria-details'
TestJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeEdgeFirefoxEdgeChromeEdgeFirefoxFirefoxChromeSafariSafari
aria-details test applied to: img elementsupportedsupportedsupportednonesupportedsupportedsupportedsupportednonenonenone

Expectation: convey the referenced content (jump or convey)

Rationale:

If the details are not adjacent to the element with aria-details, it might be helpful to jump directly to the reference or have it conveyed.

Strength of this expectation for different types of assistive technologies:

  • Screen Readers: SHOULD
  • Voice Control: NA
Screen Reader support for 'SHOULD convey the referenced content (jump or convey)'
TestJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeEdgeFirefoxEdgeChromeEdgeFirefoxFirefoxChromeSafariSafari
aria-details test applied to: img elementnonenonenonenonesupportedsupportedsupportedsupportednonenonenone

Expectation: convey the boundaries of the details

Rationale:

A screen reader user may find it helpful to know exactly where the details start and end.

Strength of this expectation for different types of assistive technologies:

  • Screen Readers: MAY
  • Voice Control: NA
Screen Reader support for 'MAY convey the boundaries of the details'
TestJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeEdgeFirefoxEdgeChromeEdgeFirefoxFirefoxChromeSafariSafari
aria-details test applied to: img elementsupportedsupportedsupportednonenonenonenonesupportednonenonenone