4 ms·
> Now I'm very curious why <summary> is a button. I’m fairly certain it’s a shadow DOM implementation detail. While it technically toggles a binary state and i
by eyelidlessness 6y ago
> Now I'm very curious why <summary> is a button.
I’m fairly certain it’s a shadow DOM implementation detail. While it technically toggles a binary state and is probably more semantically similar to a checkbox, I think the way it’s exposed to web APIs makes that either impractical or non-obvious.
- hnbad 6y ago"Toggle buttons" are a thing in ARIA: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role#toggle_buttons https://developer.mozilla.org/en-US/docs/Web/Accessibility/A... Conceptually the summary is a toggle button: you click it to toggle the display state of the details element.
- eyelidlessness 6y agoThat’s true and what I assumed of summary. Although toggle buttons are fairly useless in plain HTML without JS, which is why checkbox is the more obvious semantic analogue outside the shadow DOM.