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

summary element (html)

Screen reader support level: partial (28/32)

Voice Control support level: partial (2/4)

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

What are expectations?

Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver for iOSVoiceOver for macOS
MUST convey an appropriate namesupportednot applicablesupportedsupportedsupportedsupportedsupported
MUST convey an appropriate rolesupportednot applicablesupportedsupportedsupportednonesupported
MUST convey the expanded statesupportednot applicablesupportedsupportedsupportedsupportedsupported
MUST convey when the expanded state is changedsupportednot applicablesome partial supportsupportedsupportedsupportednone
SHOULD provide shortcuts to jump to this rolesupportednot applicablesupportedsupportedsupportednonenone

Voice Control support by expectation

ExpectationDragon Naturally SpeakingVoice Access for AndroidVoice Control for iOSVoice Control for MacOS
MUST convey an appropriate namenonesupportedsupportednone
MAY convey an appropriate rolenonesupportednot applicablenone

Expectation: convey an appropriate name

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: MUST
ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenone
JAWSGoogle Chromesupported
JAWSInternet Explorernot applicable
JAWSFirefox (desktop)supported
NarratorMicrosoft Edgenot applicable
NVDAGoogle Chromesupported
NVDAFirefox (desktop)supported
OrcaFirefox (desktop)supported
TalkBackGoogle Chrome (android)supported
Voice Access for AndroidGoogle Chrome (android)supported
Voice Control for iOSSafari (iOS)supported
Voice Control for MacOSSafari (macOS)none
VoiceOver for iOSSafari (iOS)supported
VoiceOver for macOSSafari (macOS)supported

This expectation is referenced by 1 tests.

Tests that reference this expectation
Test nameScreen Reader supportVoice Control support
HTML basic details/summary test with a heading in the summarypartial (43/52)partial (2/4)

Expectation: convey an appropriate role

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

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: MAY
ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenone
JAWSGoogle Chromesupported
JAWSInternet Explorernot applicable
JAWSFirefox (desktop)supported
NarratorMicrosoft Edgenot applicable
NVDAGoogle Chromesupported
NVDAFirefox (desktop)supported
OrcaFirefox (desktop)supported
TalkBackGoogle Chrome (android)supported
Voice Access for AndroidGoogle Chrome (android)supported
Voice Control for iOSSafari (iOS)not applicable
Voice Control for MacOSSafari (macOS)none
VoiceOver for iOSSafari (iOS)none
VoiceOver for macOSSafari (macOS)supported

This expectation is referenced by 1 tests.

Tests that reference this expectation
Test nameScreen Reader supportVoice Control support
HTML basic details/summary test with a heading in the summarypartial (43/52)partial (2/4)

Expectation: convey the expanded state

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

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA
ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenot applicable
JAWSGoogle Chromesupported
JAWSInternet Explorernot applicable
JAWSFirefox (desktop)supported
NarratorMicrosoft Edgenot applicable
NVDAGoogle Chromesupported
NVDAFirefox (desktop)supported
OrcaFirefox (desktop)supported
TalkBackGoogle Chrome (android)supported
Voice Access for AndroidGoogle Chrome (android)not applicable
Voice Control for iOSSafari (iOS)not applicable
Voice Control for MacOSSafari (macOS)not applicable
VoiceOver for iOSSafari (iOS)supported
VoiceOver for macOSSafari (macOS)supported

This expectation is referenced by 1 tests.

Tests that reference this expectation
Test nameScreen Reader supportVoice Control support
HTML basic details/summary test with a heading in the summarypartial (43/52)partial (2/4)

Expectation: convey when the expanded state is changed

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

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA
ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenot applicable
JAWSGoogle Chromesupported
JAWSInternet Explorernot applicable
JAWSFirefox (desktop)supported
NarratorMicrosoft Edgenot applicable
NVDAGoogle Chromepartial
NVDAFirefox (desktop)none
OrcaFirefox (desktop)supported
TalkBackGoogle Chrome (android)supported
Voice Access for AndroidGoogle Chrome (android)not applicable
Voice Control for iOSSafari (iOS)not applicable
Voice Control for MacOSSafari (macOS)not applicable
VoiceOver for iOSSafari (iOS)supported
VoiceOver for macOSSafari (macOS)none

This expectation is referenced by 1 tests.

Tests that reference this expectation
Test nameScreen Reader supportVoice Control support
HTML basic details/summary test with a heading in the summarypartial (43/52)partial (2/4)

Expectation: provide shortcuts to jump to this role

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

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: SHOULD
  • Voice Control: NA
ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenot applicable
JAWSGoogle Chromesupported
JAWSInternet Explorernot applicable
JAWSFirefox (desktop)supported
NarratorMicrosoft Edgenot applicable
NVDAGoogle Chromesupported
NVDAFirefox (desktop)supported
OrcaFirefox (desktop)supported
TalkBackGoogle Chrome (android)supported
Voice Access for AndroidGoogle Chrome (android)not applicable
Voice Control for iOSSafari (iOS)not applicable
Voice Control for MacOSSafari (macOS)not applicable
VoiceOver for iOSSafari (iOS)none
VoiceOver for macOSSafari (macOS)none

This expectation is referenced by 1 tests.

Tests that reference this expectation
Test nameScreen Reader supportVoice Control support
HTML basic details/summary test with a heading in the summarypartial (43/52)partial (2/4)

Related features

These are features that are usually used in combination with this feature.

details element (html)

DragonJAWSNarratorNVDAOrcaTalkBackVoice AccessVC iOSVC MacOSVoiceOver (iOS)VoiceOver (macOS)
not applicablesupportedsupportedsupportedsupportedsupportednot applicablenot applicablenot applicablesupportedsupported