aria-details attribute (aria)
Screen reader support level: partial (7/12)
Voice Control support level: unknown
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 8 months ago to 4 years ago. Detailed dates and version information can be found in associated tests.
Failing and partial results are between 8 months ago and 8 months ago.
Expectations
Screen Reader support by expectation
| Expectation | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
| MUST convey the presence of aria-details | supported | supported | supported | none | supported | supported | supported | supported | none | none | none |
| SHOULD convey the referenced content (jump or convey) | none | none | none | none | supported | supported | supported | supported | none | none | none |
| MAY convey the boundaries of the details | supported | supported | supported | none | none | none | none | supported | none | none | none |
Voice Control support by expectation
| Expectation | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
|---|---|---|---|---|---|---|---|---|
| Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
| Not applicable | ||||||||
Expectation: convey the presence of aria-details
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
| Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
| aria-details test applied to: img element | supported | supported | supported | none | supported | supported | supported | supported | none | none | none |
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
| Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
| aria-details test applied to: img element | none | none | none | none | supported | supported | supported | supported | none | none | none |
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
| Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
| aria-details test applied to: img element | supported | supported | supported | none | none | none | none | supported | none | none | none |