A spoiler element #9926
Description
What problem are you trying to solve?
A standard way to make content inaccessible and opaque to the user without consent, with optional preview text. More details on this proposal are in this article.
What solutions exist today?
- Custom site-specific solutions (phpBB, TVTropes, Matrix and Discord spoilers, Reddit spoilers, sensitive media on the Fediverse and most search engines' image searchs).
- The
detailselement, which is not equivalent on semantic, UA behavior, and presentation grounds.
How would you solve it?
A new HTML element (and perhaps a corresponding ARIA role?) called spoiler. The specification for summary could be modified to support being an optional child of spoiler.
Anything else?
An alternative solution was proposed in #8770, but I disagree that styling alone is enough for reasons outlined in the linked article: user-agents and assistive technologies will need to behave differently when faced with spoiler semantics.