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

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

What are expectations?

Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver for iOSVoiceOver for macOS
MUST convey an appropriate rolesupportedsupportedsupportedsupportedsupportedsupportedsupported
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

Voice Control support by expectation

ExpectationDragon Naturally SpeakingVoice Access for AndroidVoice Control for iOSVoice Control for MacOS
Not applicable

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: NA
ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenot applicable
JAWSGoogle Chromesupported
JAWSInternet Explorersupported
JAWSFirefox (desktop)supported
NarratorMicrosoft Edgesupported
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 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
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
OrcaFirefox (desktop)not applicable
TalkBackGoogle Chrome (android)not applicable
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)not applicable
VoiceOver for macOSSafari (macOS)not applicable

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 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
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
OrcaFirefox (desktop)not applicable
TalkBackGoogle Chrome (android)not applicable
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)not applicable
VoiceOver for macOSSafari (macOS)not applicable

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.

summary element (html)

DragonJAWSNarratorNVDAOrcaTalkBackVoice AccessVC iOSVC MacOSVoiceOver (iOS)VoiceOver (macOS)
nonesupportednot applicablepartial (6/8)supportedsupportedsupportedsupportednonepartial (3/4)partial (3/4)