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

summary element (html)

Support level: partial (24/30)

On this page

The details element represents a disclosure widget from which the user can obtain additional information or controls. Note that per the HTML5 spec, headings are allowed in the summary element.

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
partial (24/30)partial (5/7)

Summary of support by expectation and assistive technology

ExpectationDragon Naturally SpeakingJAWSNarratorNVDATalkBackVoiceOver for iOSVoiceOver for macOS
MUST convey an appropriate namenonesupportednot applicablesupportedsupportedsupportedsupported
MUST convey an appropriate rolenonesupportednot applicablesupportedsupportednonesupported
MUST convey the expanded statenot applicablesupportednot applicablesupportedsupportedsupportedsupported
MUST convey when the expanded state is changednot applicablesupportednot applicablesome partial supportsupportedsupportednone
SHOULD provide shortcuts to jump to text inputsnot applicablesupportednot applicablesupportedsupportednonenone

The screen reader MUST convey an appropriate name

Rationale: A screen reader user needs to know what to enter.

ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenone
JAWSGoogle Chromesupported
JAWSInternet Explorernot applicable
JAWSFirefox (desktop)supported
NarratorMicrosoft Edgenot applicable
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 an appropriate role

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

ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenone
JAWSGoogle Chromesupported
JAWSInternet Explorernot applicable
JAWSFirefox (desktop)supported
NarratorMicrosoft Edgenot applicable
NVDAGoogle Chromesupported
NVDAFirefox (desktop)supported
TalkBackGoogle Chrome (android)supported
VoiceOver for iOSSafari (iOS)none
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 expanded state

Rationale: A user needs to know when they enter and exist the details.

ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenot applicable
JAWSGoogle Chromesupported
JAWSInternet Explorernot applicable
JAWSFirefox (desktop)supported
NarratorMicrosoft Edgenot applicable
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 when the expanded state is changed

Rationale: A user needs to know when the state changes and that their action was successful.

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

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 SHOULD provide shortcuts to jump to text inputs

Rationale: Screen reader users might want to quickly navigate to elements of this type.

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

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)