Accessible inline collapsible How to offer depth to a text without linking elsewhere.

Accessible Inline Collapsible, by @erikkroes@mastodon.social:

www.erikkroes.nl/blog/accessible-inline-c...

#accessibility #html #disclosurewidgets

For the Love of <details> - HTMHell A collection of bad practices in HTML, copied from real websites.

For the Love of “<details>”, by @developerjustin@mastodon.social (@matuzo@front-end.social):

https://www.htmhell.dev/adventcalendar/2025/23/

#disclosurewidgets #html

NoLoJS: Reducing the JS Workload with HTML and CSS With web performance, less is typically more: When possible, send less data, make the browser do less. Here are several examples where you can replace common JS patterns with HTML and CSS.

NoLoJS: Reducing the JS Workload With HTML and CSS, by @aarontgrogg@mastodon.social:

calendar.perfplanet.com/2025/nolojs-reducing-js-...

#html #disclosurewidgets #forms #modals #popovers

Should We Even Have :closed? | CSS-Tricks Is there really a difference between using :not(:open) and :closed? As always, it depends. Sunkanmi Fafowora explains why :closed is currently not a thing.

Should We Even Have “:closed”?, by @sunkanmifafowora.bsky.social (@csstricks@mastodon.social):

https://css-tricks.com/should-we-even-have-closed/

#css #selectors #disclosurewidgets

::details-content: style expandable content without wrapp... The ::details-content pseudo-element lets you style the expandable content of details elements separately from the summary, no divs needed.

“::details-content”: Style Expandable Content Without Wrapper Divs, by @trevorlasn.bsky.social:

www.trevorlasn.com/blog/details-content-pse...

#disclosurewidgets #css #html

Rethinking Cookie Dialogs If you are anything like me, you don’t want your data sold to third parties. You probably run ad blockers. Maybe a VPN. Some governments are trying to help by requiring the site to declare wh…

Rethinking Cookie Dialogs, by @nattarnoff.bsky.social:

tarnoff.info/2025/10/06/rethinking-co...

#accessibility #disclosurewidgets #html #cookies #consentmanagement

Let's Play Accordion with the HTML details element An in-depth look at the new capabilities of the native disclosure element.

Let’s Play Accordion With the HTML “details” Element, by @alex86@tech.lgbt:

https://www.oidaisdes.org/lets-play-accordion.en/

#html #disclosurewidgets #accordions

Can native web APIs replace custom components in 2025? - LogRocket Blog See how native web APIs like dialog, details, and the Popover API simplify accessibility, reduce dependencies, and replace custom components.

Can Native Web APIs Replace Custom Components in 2025?, by @dxnny.fun (@logrocket.bsky.social):

blog.logrocket.com/can-native-web-apis-repl...

#apis #components #webplatform #disclosurewidgets #popovers

Opening a Details Element from the URL If the #hash in the URL matches the ID of an element *inside* a element, it'll open. No other fancy code required.

Opening a “details” Element From the URL, by @chriscoyier@front-end.social (@frontendmasters.com):

frontendmasters.com/blog/opening-a-details-e...

#html #disclosurewidgets #urls

Expanding/Collapsing With “details”

Expanding/Collapsing With “details”, by @onsman@aus.social (@ozewai.bsky.social):

ozewai.org/blog/technical-articles/...

#accessibility #html #disclosurewidgets

Disclosures and Accordions

Disclosures and Accordions, by @webaim@mastodon.social:

https://webaim.org/techniques/disclosures/

#disclosurewidgets #accordions #accessibility