summary element

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.

Estimated Support About

66.67% + 22.22% = 88.89%

Notes

  • 1

    HTML basic details/summary test with a heading in the summary: tried “click train”

  • 2

    HTML basic details/summary test with a heading in the summary: tried “click button” and “click summary”

  • 3

    HTML basic details/summary test with a heading in the summary: Not applicable because IE doesn’t support these elements, so semantics are not conveyed and all content is shown.

  • 4

    HTML basic details/summary test with a heading in the summary: NA because IE doesn’t support these elements, so semantics are not conveyed and all content is shown.

  • 5

    HTML basic details/summary test with a heading in the summary: NA because Narrator doesn’t support these elements, so semantics are not conveyed and all content is shown.

  • 6

    HTML basic details/summary test with a heading in the summary: Narrator doesn’t support these elements, so semantics are not conveyed and all content is shown.

  • 7

    Didn’t convey when the expanded state is changed

  • 8

    Didn’t provide shortcuts to jump to this role

  • 9

    Didn’t convey its name

  • 10

    Didn’t convey its role

Resources

Know something we don't?

Is any of the above data outdated? Or do you want to add a new software combination to the list? Heads on to GitHub and edit the data file!

Not comfortable with GitHub? Send us an email or get in touch on Twitter.

Test it yourself

This feature was last tested on August 05, 2019.

If you want to test this feature in the same conditions as we did, you can get our test code and run a test by yourself. Make sure to follow our testing recommendations first.