Yes this would be very useful for combobox
05.03.2026 20:02
👍 1
🔁 0
💬 0
📌 0
Yes this would be very useful for combobox
I am not sure to understand how it works with text inputs. Will it work for a use case like the multi selection combobox from BaseUI ?
Date range picker, multi select combobox, toast, tooltip, color picker
CSS Custom media
Can this work for markdown too ?
This week on The Callback, we look at:
- the Bun acquisition
- AI deleting hard drives
- 90's commercials
It's everything you've asked for and more!
www.youtube.com/watch?v=MLeU...
📣 Hear hear! The biggest savings on the Practical Accessibility course start *today*—for a limited time only.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Interesting that a design system has stopped using toast messages due to "their accessibility and usability issues".
primer.style/accessibilit...
Useful ammunition/documentation for people in teams trying to do the same.
Can really confirm that sadly. Can’t use dialog in/out animations as progressive enhancement because of weird Safari weird unpredictable behavior
The ability to animate in and out the dialog element. Only possible on chrome and can’t be used as progressive enhancement as it break the UI completely in Safari.
Search results are stuck with a double scroll on Safari iOS 18.5
View Transitions are enabled by default in Firefox Nightly, so they're on their way to stable. Give it a test with your current transitions, and give me a shout if anything doesn't look right.
New on the blog:
“CSS-only scrollspy effect using scroll-marker-group and :target-current”
www.sarasoueidan.com/blog/css-scr...
—
A short post about the new #CSS scroll-target-group property, how to use it with :target-current, and important #accessibility considerations to keep in mind. #a11y
Tired of being called the pessimist just because you’re the one asking the hard questions in the team? Yeah, same. That’s probably why Andy Budd’s article hit home today.
People don’t always get, that, designers aren’t negative. We are cautious. We ask “what if?” to prevent problems.
We share what have we learned creating PostCSS and the huge ecosystem around it. Get 8 key lessons from @en.sitnik.ru, creator of PostCSS. evilmartians.com/chronicles/w...
Another accessibility detail (more common to handle) – make sure to have a single focusable date in calendars but the default should be last focused date > selected date > today > first date of the month
Every thing that is needed to animate in and out the dialog element. allow-discrete and starting-style that is the only thing missing to allow me using native dialog.
Apropos of yet another conversation today, I’m a big fan of using automation in WCAG testing.
But I also know WCAG well enough to understand the limitations (and lies) the tools.
adrianroselli.com/2025/04/auto...
#accessibility #a11y
A screenshot of Ariel Salminen’s new website and its search feature.
This is where I explain how I built the search index using @11ty.dev for the ⌘+K search on my website: arielsalminen.com/2025/buildin...
/* Make a custom fallback font based on the local Arial */ @font-face { font-family: "brandon-fallback"; size-adjust: 93%; ascent-override: 117%; src: local("Arial"); }
I’ve been busy, so I also wrote about how I optimized the webfont performance on my new website:
arielsalminen.com/2025/optimiz...
"Do Not Publish Your Designs on the Web with Figma Sites…"
adrianroselli.com/2025/05/do-n...
"…Unless you want to fail all the WCAGs, create litigation risk, close off opportunities in Europe, engage in reputational harm, and oh yeah, throw up barriers to your customers and users." #a11y
[New blog post]
Are CSS Carousels accessible sarasoueidan.com/blog/css-car...
In this post, I share some important insights from examining the accessibility of CSS-only carousels that use new features introduced in the #CSS Overflow Module Level 5 spec.
#a11y
I am happy to (finally) announce that the #PracticalAccessibility course chapter update is now live!
If you are enrolled in the course, log in to your account and check out the Changelog page for details about this update. 👀
I also have exciting news to finally share! 👇
[🧵]
New release: Eleventy Navigation v1.0.0 (after 2+ years dormant!)
Access the data cascade, pin items in a group, improvements to default sorting, support for aria-current, and more!
The WebAIM Million 2025 update is out:
webaim.org/projects/mil...
My ranking slipped more. It also found 1 contrast error on the home page that does not appear when using the link to analyze the page with WAVE:
webaim.org/projects/mil...
#accessibility #a11y
I need examples of vulnerabilities reported against npm packages that maintainers of the package or another package depending on it were annoyed by.
Doesn't have to be fresh, last 5 years is ok.
Respond with ghsa link or package+version - I can look it up myself.
(repost for reach a lot please)
Screenshot of CSS Form Control Styling Level 1 First Public Working Draft web standard from the W3C's CSS Working Group
There it is! Finally, a real solution for how to style all of the HTML form controls using your own custom CSS to change anything — building on an interoperable UA set of defaults.
First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)
Great tips on autofill and paste functionality, accessible error message patterns, usable and accessible date field and auto formatted fields, to improve your forms and make them more inclusive. 2023, but still relevant in 2025, trust me, most forms out there are a mess to use.
Experimented a bit today with building a Radix-style dialog component with the native HTML dialog element.
Unfortunately my project is big and I have a quite custom setup. I didn’t manage to create a repro repo. Hopefully will be able to setup the new test addon soon
