Notice: This is a work in progress. Please submit feedback or suggestions.

aria-details attribute (aria)

Support level: partial (3/9)

On this page

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.

Expectations

Expectations are conditions that must be met for the feature to be considered as "supported". Only "MUST" expectations need to be met for minimal "support". "SHOULD" and "MAY" expectations indicates support that goes above and beyond. Note that there is not an explicit standard that dictates these expectations, and as such, they are likely opinionated. As such, a feature might not meet all "MUST" expectations but still be usable (potentially frustratingly so). Additionally, the assistive technology may provide many different commands to read, navigate, or otherwise interact with a feature. Only one command is required to pass for the expectation to be minimally supported.

Summary of support by expectation type

MUSTSHOULDMAY
partial (3/9)nonepartial (3/9)

Summary of support by expectation and assistive technology

ExpectationDragon Naturally SpeakingJAWSNarratorNVDATalkBackVoiceOver for iOSVoiceOver for macOS
MUST convey the presence of aria-detailsnot applicablesupportednonenonenonenonenone
SHOULD allow the user to jump to the referenced elementnot applicablenonenonenonenonenonenone
SHOULD allow the user to jump back to the referencing elementnot applicablenonenonenonenonenonenone
MAY convey the boundaries of the detailsnot applicablesupportednonenonenonenonenone

The screen reader MUST convey the presence of aria-details

ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenot applicable
JAWSGoogle Chromesupported
JAWSInternet Explorersupported
JAWSFirefox (desktop)supported
NarratorMicrosoft Edgenone
NVDAGoogle Chromenone
NVDAFirefox (desktop)none
TalkBackGoogle Chrome (android)none
VoiceOver for iOSSafari (iOS)none
VoiceOver for macOSSafari (macOS)none

This expectation is referenced by 1 tests.

Tests that reference this expectation
test namehas support
aria-details testpartial (3/9)

The screen reader SHOULD allow the user to jump to the referenced element

Rationale: If the details are not adjacent to the element with aria-details, they might find it helpful to jump directly to the details.

ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenot applicable
JAWSGoogle Chromenone
JAWSInternet Explorernone
JAWSFirefox (desktop)none
NarratorMicrosoft Edgenone
NVDAGoogle Chromenone
NVDAFirefox (desktop)none
TalkBackGoogle Chrome (android)none
VoiceOver for iOSSafari (iOS)none
VoiceOver for macOSSafari (macOS)none

This expectation is referenced by 1 tests.

Tests that reference this expectation
test namehas support
aria-details testpartial (3/9)

The screen reader SHOULD allow the user to jump back to the referencing element

Rationale: If the details are not adjacent to the element with aria-details, they might find it helpful to jump back so that they can continue reading the page.

ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenot applicable
JAWSGoogle Chromenone
JAWSInternet Explorernone
JAWSFirefox (desktop)none
NarratorMicrosoft Edgenone
NVDAGoogle Chromenone
NVDAFirefox (desktop)none
TalkBackGoogle Chrome (android)none
VoiceOver for iOSSafari (iOS)none
VoiceOver for macOSSafari (macOS)none

This expectation is referenced by 1 tests.

Tests that reference this expectation
test namehas support
aria-details testpartial (3/9)

The screen reader MAY convey the boundaries of the details

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

ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenot applicable
JAWSGoogle Chromesupported
JAWSInternet Explorersupported
JAWSFirefox (desktop)supported
NarratorMicrosoft Edgenone
NVDAGoogle Chromenone
NVDAFirefox (desktop)none
TalkBackGoogle Chrome (android)none
VoiceOver for iOSSafari (iOS)none
VoiceOver for macOSSafari (macOS)none

This expectation is referenced by 1 tests.

Tests that reference this expectation
test namehas support
aria-details testpartial (3/9)