details element (html)
Screen reader support level: supported
Voice Control support level: not applicable
On this page
The details element represents a disclosure widget from which the user can obtain additional information or controls.
Expectations
Screen Reader support by expectation
| Expectation | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) |
|---|---|---|---|---|---|---|---|
| MUST convey an appropriate role | supported | supported | supported | supported | supported | supported | supported |
| MUST convey the name of the group if the group role is conveyed | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable |
| MUST convey the boundaries of the details element if the group role is conveyed | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable |
Voice Control support by expectation
| Expectation | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition |
|---|---|---|---|---|---|
| Not applicable | |||||
Expectation: convey an appropriate role
Rationale: A screen reader user needs to know how they can interact with the element. Voice control software might use the role to help users activate controls that do not have a visible name.
Strength of these expectations for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
| Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | |||
|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | IE | Firefox | Edge | Chrome | Firefox | Firefox | Chrome | Safari | Safari | |
| HTML basic details/summary test with a heading in the summary | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Expectation: convey the name of the group if the group role is conveyed
Rationale: A screen reader user needs to know what to enter.
Strength of these expectations for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
| Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | |||
|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | IE | Firefox | Edge | Chrome | Firefox | Firefox | Chrome | Safari | Safari | |
| HTML basic details/summary test with a heading in the summary | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable |
Expectation: convey the boundaries of the details element if the group role is conveyed
Rationale: A user needs to know when they enter and exit an element
Strength of these expectations for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
| Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | |||
|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | IE | Firefox | Edge | Chrome | Firefox | Firefox | Chrome | Safari | Safari | |
| HTML basic details/summary test with a heading in the summary | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable |
Related features
These are features that are usually used in combination with this feature.
summary element (html)
| Dragon | JAWS | Narrator | NVDA | Orca | TalkBack | Voice Access | VC iOS | VC MacOS | VoiceOver (iOS) | VoiceOver (macOS) | Speech Recognition |
|---|---|---|---|---|---|---|---|---|---|---|---|
| none | supported | not applicable | partial (7/8) | supported | supported | supported | supported | none | partial (3/4) | partial (3/4) | supported |