aria-details attribute (aria)
Screen reader support level: partial (3/10)
Voice Control support level: not applicable
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
Screen Reader support by expectation
| Expectation | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver for iOS | VoiceOver for macOS |
|---|---|---|---|---|---|---|---|
| MUST convey the presence of aria-details | supported | none | none | none | none | none | none |
| SHOULD allow the user to jump to the referenced element | none | none | none | none | none | none | none |
| SHOULD allow the user to jump back to the referencing element | none | none | none | none | none | none | none |
| MAY convey the boundaries of the details | supported | none | none | none | none | none | none |
Voice Control support by expectation
| Expectation | Dragon Naturally Speaking | Voice Access for Android | Voice Control for iOS | Voice Control for MacOS |
|---|---|---|---|---|
| Not applicable | ||||
Expectation: convey the presence of aria-details
Strength of these expectations for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
| AT | Browser | Has Support |
|---|---|---|
| Dragon Naturally Speaking | Google Chrome | not applicable |
| JAWS | Google Chrome | supported |
| JAWS | Internet Explorer | supported |
| JAWS | Firefox (desktop) | supported |
| Narrator | Microsoft Edge | none |
| NVDA | Google Chrome | none |
| NVDA | Firefox (desktop) | none |
| Orca | Firefox (desktop) | none |
| TalkBack | Google Chrome (android) | none |
| Voice Access for Android | Google Chrome (android) | not applicable |
| Voice Control for iOS | Safari (iOS) | not applicable |
| Voice Control for MacOS | Safari (macOS) | not applicable |
| VoiceOver for iOS | Safari (iOS) | none |
| VoiceOver for macOS | Safari (macOS) | none |
This expectation is referenced by 1 tests.
Tests that reference this expectation
| Test name | Screen Reader support | Voice Control support |
|---|---|---|
| aria-details test | partial (3/10) | not applicable |
Expectation: 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.
Strength of these expectations for different types of assistive technologies:
- Screen Readers: SHOULD
- Voice Control: NA
| AT | Browser | Has Support |
|---|---|---|
| Dragon Naturally Speaking | Google Chrome | not applicable |
| JAWS | Google Chrome | none |
| JAWS | Internet Explorer | none |
| JAWS | Firefox (desktop) | none |
| Narrator | Microsoft Edge | none |
| NVDA | Google Chrome | none |
| NVDA | Firefox (desktop) | none |
| Orca | Firefox (desktop) | none |
| TalkBack | Google Chrome (android) | none |
| Voice Access for Android | Google Chrome (android) | not applicable |
| Voice Control for iOS | Safari (iOS) | not applicable |
| Voice Control for MacOS | Safari (macOS) | not applicable |
| VoiceOver for iOS | Safari (iOS) | none |
| VoiceOver for macOS | Safari (macOS) | none |
This expectation is referenced by 1 tests.
Tests that reference this expectation
| Test name | Screen Reader support | Voice Control support |
|---|---|---|
| aria-details test | partial (3/10) | not applicable |
Expectation: 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.
Strength of these expectations for different types of assistive technologies:
- Screen Readers: SHOULD
- Voice Control: NA
| AT | Browser | Has Support |
|---|---|---|
| Dragon Naturally Speaking | Google Chrome | not applicable |
| JAWS | Google Chrome | none |
| JAWS | Internet Explorer | none |
| JAWS | Firefox (desktop) | none |
| Narrator | Microsoft Edge | none |
| NVDA | Google Chrome | none |
| NVDA | Firefox (desktop) | none |
| Orca | Firefox (desktop) | none |
| TalkBack | Google Chrome (android) | none |
| Voice Access for Android | Google Chrome (android) | not applicable |
| Voice Control for iOS | Safari (iOS) | not applicable |
| Voice Control for MacOS | Safari (macOS) | not applicable |
| VoiceOver for iOS | Safari (iOS) | none |
| VoiceOver for macOS | Safari (macOS) | none |
This expectation is referenced by 1 tests.
Tests that reference this expectation
| Test name | Screen Reader support | Voice Control support |
|---|---|---|
| aria-details test | partial (3/10) | not applicable |
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 these expectations for different types of assistive technologies:
- Screen Readers: MAY
- Voice Control: NA
| AT | Browser | Has Support |
|---|---|---|
| Dragon Naturally Speaking | Google Chrome | not applicable |
| JAWS | Google Chrome | supported |
| JAWS | Internet Explorer | supported |
| JAWS | Firefox (desktop) | supported |
| Narrator | Microsoft Edge | none |
| NVDA | Google Chrome | none |
| NVDA | Firefox (desktop) | none |
| Orca | Firefox (desktop) | none |
| TalkBack | Google Chrome (android) | none |
| Voice Access for Android | Google Chrome (android) | not applicable |
| Voice Control for iOS | Safari (iOS) | not applicable |
| Voice Control for MacOS | Safari (macOS) | not applicable |
| VoiceOver for iOS | Safari (iOS) | none |
| VoiceOver for macOS | Safari (macOS) | none |
This expectation is referenced by 1 tests.
Tests that reference this expectation
| Test name | Screen Reader support | Voice Control support |
|---|---|---|
| aria-details test | partial (3/10) | not applicable |