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

About this feature

The details element represents a disclosure widget from which the user can obtain additional information or controls.

Age of results

Results across all tests for this feature range from 5 months ago to 10 months ago. Detailed dates and version information can be found in associated tests.

Expectations

What are expectations?

Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeIEFirefoxEdgeChromeFirefoxFirefoxChromeSafariSafari
MUST convey its rolesupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupported
MUST convey the name of the group if the group role is conveyednot applicablenot applicablenot applicablenot 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 applicablenot applicablenot applicablenot applicable

Voice Control support by expectation

ExpectationDragon Naturally SpeakingVoice Access (Android)Voice Control (iOS)Voice Control (MacOS)Windows Speech Recognition
ChromeChromeSafariSafariChrome
Not applicable

Expectation: convey its role

Rationale: A screen reader user needs to know how they can interact with the element. Voice control software might use the role to help users activate controls that do not have a visible name.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • A screen reader might announce the role as "group" or "details"
  • A screen reader might consider the group as presentational and not convey a group role
Screen Reader support for 'MUST convey its role'
TestJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeIEFirefoxEdgeChromeFirefoxFirefoxChromeSafariSafari
HTML basic details/summary test with a heading in the summarysupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupported

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
Screen Reader support for 'MUST convey the name of the group if the group role is conveyed'
TestJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeIEFirefoxEdgeChromeFirefoxFirefoxChromeSafariSafari
HTML basic details/summary test with a heading in the summarynot applicablenot applicablenot applicablenot applicablenot applicablenot applicablenot applicablenot applicablenot applicablenot applicable

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

Examples of assistive technologies support this expectation:

  • A screen reader might announce the role of the element when entering and say something like "leaving" when exiting.
  • A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example).
  • A screen reader might announce position in set information such as "1 of 6".
  • A screen reader might not convey boundaries if the content fits on a single line
Screen Reader support for 'MUST convey the boundaries of the details element if the group role is conveyed'
TestJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeIEFirefoxEdgeChromeFirefoxFirefoxChromeSafariSafari
HTML basic details/summary test with a heading in the summarynot applicablenot applicablenot applicablenot applicablenot applicablenot applicablenot applicablenot applicablenot applicablenot applicable

Related features

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

summary element (html)

DragonJAWSNarratorNVDAOrcaTalkBackVoice AccessVC iOSVC MacOSVoiceOver (iOS)VoiceOver (macOS)Speech Recognition
nonesupportednot applicablepartial (7/8)supportedsupportedsupportedsupportednonepartial (3/4)partial (3/4)supported