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

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

MUSTSHOULDMAY
supported

Summary of support by expectation and assistive technology

ExpectationDragon Naturally SpeakingJAWSNarratorNVDATalkBackVoiceOver for iOSVoiceOver for macOS
MUST convey an appropriate rolenot applicablesupportedsupportedsupportedsupportedsupportedsupported
MUST convey the name of the group if the group role is conveyednot applicablenot applicablenot applicablenot applicablenot applicablenot applicablenot applicable
MUST convey the boundaries of the details element if the group role is conveyednot applicablenot applicablenot applicablenot applicablenot applicablenot applicablenot applicable

The screen reader MUST convey an appropriate role

Rationale: A screen reader user needs to know how they can interact with the element.

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

This expectation is referenced by 1 tests.

Tests that reference this expectation
test namehas support
HTML basic details/summary test with a heading in the summarypartial (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.

ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenot applicable
JAWSGoogle Chromenot applicable
JAWSInternet Explorernot applicable
JAWSFirefox (desktop)not applicable
NarratorMicrosoft Edgenot applicable
NVDAGoogle Chromenot applicable
NVDAFirefox (desktop)not applicable
TalkBackGoogle Chrome (android)not applicable
VoiceOver for iOSSafari (iOS)not applicable
VoiceOver for macOSSafari (macOS)not applicable

This expectation is referenced by 1 tests.

Tests that reference this expectation
test namehas support
HTML basic details/summary test with a heading in the summarypartial (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

ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenot applicable
JAWSGoogle Chromenot applicable
JAWSInternet Explorernot applicable
JAWSFirefox (desktop)not applicable
NarratorMicrosoft Edgenot applicable
NVDAGoogle Chromenot applicable
NVDAFirefox (desktop)not applicable
TalkBackGoogle Chrome (android)not applicable
VoiceOver for iOSSafari (iOS)not applicable
VoiceOver for macOSSafari (macOS)not applicable

This expectation is referenced by 1 tests.

Tests that reference this expectation
test namehas support
HTML basic details/summary test with a heading in the summarypartial (38/48)