details element (html)
Support level: supported
On this page
The details element represents a disclosure widget from which the user can obtain additional information or controls.
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
| MUST | SHOULD | MAY |
|---|---|---|
| supported |
Summary of support by expectation and assistive technology
| Expectation | Dragon Naturally Speaking | JAWS | Narrator | NVDA | TalkBack | VoiceOver for iOS | VoiceOver for macOS |
|---|---|---|---|---|---|---|---|
| MUST convey an appropriate role | not applicable | 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 |
The screen reader MUST convey an appropriate role
Rationale: A screen reader user needs to know how they can interact with the element.
| 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 | supported |
| NVDA | Google Chrome | supported |
| NVDA | Firefox (desktop) | supported |
| TalkBack | Google Chrome (android) | supported |
| VoiceOver for iOS | Safari (iOS) | supported |
| VoiceOver for macOS | Safari (macOS) | supported |
This expectation is referenced by 1 tests.
Tests that reference this expectation
| test name | has support |
|---|---|
| HTML basic details/summary test with a heading in the summary | partial (38/48) |
The screen reader MUST convey the name of the group if the group role is conveyed
Rationale: A screen reader user needs to know what to enter.
| AT | Browser | Has Support |
|---|---|---|
| Dragon Naturally Speaking | Google Chrome | not applicable |
| JAWS | Google Chrome | not applicable |
| JAWS | Internet Explorer | not applicable |
| JAWS | Firefox (desktop) | not applicable |
| Narrator | Microsoft Edge | not applicable |
| NVDA | Google Chrome | not applicable |
| NVDA | Firefox (desktop) | not applicable |
| TalkBack | Google Chrome (android) | not applicable |
| VoiceOver for iOS | Safari (iOS) | not applicable |
| VoiceOver for macOS | Safari (macOS) | not applicable |
This expectation is referenced by 1 tests.
Tests that reference this expectation
| test name | has support |
|---|---|
| HTML basic details/summary test with a heading in the summary | partial (38/48) |
The screen reader MUST 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
| AT | Browser | Has Support |
|---|---|---|
| Dragon Naturally Speaking | Google Chrome | not applicable |
| JAWS | Google Chrome | not applicable |
| JAWS | Internet Explorer | not applicable |
| JAWS | Firefox (desktop) | not applicable |
| Narrator | Microsoft Edge | not applicable |
| NVDA | Google Chrome | not applicable |
| NVDA | Firefox (desktop) | not applicable |
| TalkBack | Google Chrome (android) | not applicable |
| VoiceOver for iOS | Safari (iOS) | not applicable |
| VoiceOver for macOS | Safari (macOS) | not applicable |
This expectation is referenced by 1 tests.
Tests that reference this expectation
| test name | has support |
|---|---|
| HTML basic details/summary test with a heading in the summary | partial (38/48) |