Sign in

Romain Lebascle

@romanogypsy.bsky.social
21 followers 283 following 18 posts
PostsRepliesMedia
Romain Lebascle @romanogypsy.bsky.social · 02/10/2026
Solid research ! One thing though, you said tooltip should be linked to its trigger with aria-describedby. But that would s true only in some usages. When the tooltip add extra inform. But sometimes like when used on icon button it need to be the triggering element label.
010
Romain Lebascle @romanogypsy.bsky.social · 18/09/2026
I am curious to know what is the benefit over using eleventy syntax highlighting plugin using Prism ? Less markup in the generated files ? Is the copy button included in Microcopy ?
111
Romain Lebascle @romanogypsy.bsky.social · 31/07/2026
It is interresting but my big concern is that it become a new thing to maintain / update / keep in sync. It is already hard with two source of thruth I am afraid it would only be harder
101
Romain Lebascle @romanogypsy.bsky.social · 10/07/2026
Noticed that the click outside close is not working with the embedded code pens. Maybe an iOS Safari issue ?
100
Reposted by Romain Lebascle
Sara Soueidan @sarasoueidan.com · 15/05/2026
I just sent an email newsletter out 📬 announcing a soft-launch of this year's Global Accessibility Awareness Day #GAAD promotion: For the next two weeks, the Practical Accessibility course is going on sale! 25% off ($299 instead of $399) 🎁 Sale ends on June 1st ⏳ practical-accessibility.today
practical-accessibility.today
The Practical Accessibility Course
A get-right-down-to-it online course for Web designers and developers who want to start creating more accessible Web user interfaces and digital products today
14528
Romain Lebascle @romanogypsy.bsky.social · 04/04/2026
Even after that there is still still some contrast problems and it’s still ugly. I only updated for the security. Thanks for the tip anyway
100
Romain Lebascle @romanogypsy.bsky.social · 04/04/2026
And I am still getting a lot of false errors after their new react compiler rules. Especially on refs
100
Romain Lebascle @romanogypsy.bsky.social · 05/03/2026
Yes this would be very useful for combobox
020
Romain Lebascle @romanogypsy.bsky.social · 05/03/2026
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 ?
000
Romain Lebascle @romanogypsy.bsky.social · 15/02/2026
Date range picker, multi select combobox, toast, tooltip, color picker
010
Romain Lebascle @romanogypsy.bsky.social · 13/02/2026
CSS Custom media
110
Romain Lebascle @romanogypsy.bsky.social · 29/01/2026
Can this work for markdown too ?
100
Reposted by Romain Lebascle
🐴 Alex Trost @trost.codes · 08/12/2025
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...
youtube.com
The real reason Anthropic bought Bun...
YouTube video by Prismic
1306
Reposted by Romain Lebascle
Sara Soueidan @sarasoueidan.com · 20/11/2025
📣 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.
practical-accessibility.today
The Practical Accessibility Course
A get-right-down-to-it online course for Web designers and developers who want to start creating more accessible Web user interfaces and digital products today
38055
Reposted by Romain Lebascle
Alastair Campbell @alastairc.uk · 11/11/2025
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.
primer.style
Toasts
GitHub no longer uses toasts because of their accessibility and usability issues.
021
Romain Lebascle @romanogypsy.bsky.social · 01/09/2025
Can really confirm that sadly. Can’t use dialog in/out animations as progressive enhancement because of weird Safari weird unpredictable behavior
000
Romain Lebascle @romanogypsy.bsky.social · 28/08/2025
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.
010
Romain Lebascle @romanogypsy.bsky.social · 26/08/2025
Search results are stuck with a double scroll on Safari iOS 18.5
100
Reposted by Romain Lebascle
Jake Archibald @jakearchibald.com · 21/08/2025
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.
1023741
Reposted by Romain Lebascle
Sara Soueidan @sarasoueidan.com · 18/08/2025
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
sarasoueidan.com
CSS-only scrollspy effect using scroll-marker-group and :target-current
— The personal website of Sara Soueidan, inclusive Web UI engineer
36513
Reposted by Romain Lebascle
Stef Walter @stephaniewalter.bsky.social · 04/08/2025
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.
andybudd.com
Why Designers Sound Negative (And Why That’s a Good Thing) | Andy Budd
In any fast-moving product team, there’s a familiar pattern. A confident roadmap is shared. Timelines are tight but “doable.” Enthusiasm is high. Then, just as the meeting is wrapping up, a designer tentatively raises a hand and asks:“Have we thought about what happens if…?”
4204
Reposted by Romain Lebascle
Evil Martians @evilmartians.com · 05/08/2025
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...
evilmartians.com
What we learned from creating PostCSS—Martian Chronicles, Evil Martians’ team blog
We share what have we learned creating PostCSS and the huge ecosystem around it. Get 8 key lessons from Andrey Sitnik, creator of PostCSS.
054
Reposted by Romain Lebascle
Dima Belyaev @blvdmitry.me · 04/08/2025
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
031
Romain Lebascle @romanogypsy.bsky.social · 25/07/2025
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.
000
Reposted by Romain Lebascle
Adrian Roselli, pH0 @aardrian.bsky.social · 04/06/2025
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
adrianroselli.com
Automated WCAG Testing Is Grrreat!
I’m a big fan of using automation in WCAG testing. I use bookmarklets, dev tools, browser features & reporting, and a pile of third-party products from assorted vendors. These save me time and effort,...
0104
Reposted by Romain Lebascle
Ariel Salminen @arielsalminen.com · 26/05/2025
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...
A screenshot of Ariel Salminen’s new website and its search feature.
79813
Reposted by Romain Lebascle
Ariel Salminen @arielsalminen.com · 26/05/2025
I’ve been busy, so I also wrote about how I optimized the webfont performance on my new website: arielsalminen.com/2025/optimiz...
/* 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");
}
86710
Reposted by Romain Lebascle
Sara Soueidan @sarasoueidan.com · 08/05/2025
"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
adrianroselli.com
Do Not Publish Your Designs on the Web with Figma Sites…
…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. What am I ta...
16922
Reposted by Romain Lebascle
Sara Soueidan @sarasoueidan.com · 06/05/2025
[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
sarasoueidan.com
Are 'CSS Carousels' accessible?
– The personal website of Sara Soueidan, inclusive design engineer
919468
Reposted by Romain Lebascle
Sara Soueidan @sarasoueidan.com · 03/04/2025
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! 👇 [🧵]
313225
Reposted by Romain Lebascle
Build Awesome (11ty) @11ty.dev · 03/04/2025
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!
github.com
Release Eleventy Navigation v1.0.0 · 11ty/eleventy-navigation
Add support for eleventyNavigation.pinned boolean to pin nodes to the top of their navigation group (while also respecting order among pinned nodes) #60 Add support for multiple comma separated key...
0102
Reposted by Romain Lebascle
Adrian Roselli, pH0 @aardrian.bsky.social · 31/03/2025
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
webaim.org
WebAIM: The WebAIM Million - The 2025 report on the accessibility of the top 1,000,000 home pages
152
Reposted by Romain Lebascle
naugtur @naugtur.pl · 21/03/2025
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)
675
Reposted by Romain Lebascle
Jen Simmons @jensimmons.bsky.social · 21/03/2025
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.)
Screenshot of CSS Form Control Styling Level 1 First Public Working Draft web standard from the W3C's CSS Working Group
1047896
Reposted by Romain Lebascle
Stef Walter @stephaniewalter.bsky.social · 13/03/2025
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.
blog.pope.tech
Form accessibility and usability beyond the basics - Pope Tech Blog
Four form functionalities most websites don't consider.
0246
Reposted by Romain Lebascle
Chance @chance.dev · 06/02/2025
Experimented a bit today with building a Radix-style dialog component with the native HTML dialog element.
stackblitz.com
Radix-style native dialog - StackBlitz
Next generation frontend tooling. It&#39;s fast!
2232
Romain Lebascle @romanogypsy.bsky.social · 22/01/2025
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
010
Romain Lebascle @romanogypsy.bsky.social · 21/01/2025
Exited about the new features. But it it break my tests using the test runner. I guess I lol have to migrate to the new test addon but it is still tagged as experimental
110
Reposted by Romain Lebascle
Martin Fowler @martinfowler.com · 12/12/2024
NEW POST Design tokens are fundamental design decisions represented as data. Andreas Kutschmann explains how they work and how to organize them to balance scalability, maintainability and developer experience. martinfowler.com/articles/des...
martinfowler.com
Design Token-Based UI Architecture
Describing established patterns for organizing design tokens and practical approaches for automation
1508
Reposted by Romain Lebascle
Filip Sobol @filipsobol.com · 17/12/2024
My article “Downsize your JavaScript: Mastering Bundler Optimizations” is out. It covers practical steps to reduce the amount of JavaScript you ship. I also compared 7 bundlers to help you make an informed decision about which one might be best for you. dev.to/filipsobol/d...
dev.to
Downsize your JavaScript: Mastering Bundler Optimizations
Introduction Over the past 15 years, the JavaScript ecosystem has expanded rapidly,...
96615
Reposted by Romain Lebascle
CSS Weekly @cssweekly.com · 09/12/2024
CSS Weekly #599 ✂️ Overflow Clip ⚜️ Single Page Apps Without a Framework 🤖 AI in Chrome DevTools 🗃️ Details/Summary Animation Featuring incredible work by @shadeed9.bsky.social, @kevinpowell.co, @sjoy.lol, @rachelandrew.bsky.social, @codepip.com, and more. cssw.io/issue-599
cssw.io
CSS Weekly Issue #599
Learn how overflow: clip and view transitions works, how to create a dark theme using modern CSS, how to animate details/summary elements, and more.
2244
Romain Lebascle @romanogypsy.bsky.social · 10/12/2024
Thanks for the always top quality issue ! I tried the drag and drop lib and it is very janky on my iOS 16. I would suggest pragmatic drag and drop which is amazing.
000
Reposted by Romain Lebascle
Astro @astro.build · 03/12/2024
Astro 5.0 is here. Content layer, server islands, simplified prerendering, type-safe env, @vite.dev v6. All stable. Go see what you can do 👇 astro.build/blog/astro-5/
astro.build
Astro 5.0 | Astro
Astro 5.0 brings exciting new features like the Astro Content Layer for seamless content loading from any source, and Server Islands for effortlessly combining static and dynamic personalized content.
24582158
Reposted by Romain Lebascle
Manuel Matuzović @matuzo.at · 01/12/2024
It's December 1st, and you know what that means: For the next 24 days, we'll publish articles about HTML by 24 authors. You can read them on the website or subscribe to the RSS channel. Enjoy! htmhell.dev/adventcalend...
htmhell.dev
HTMHell Advent Calendar 2024 - HTMHell
An article, talk, or tool that focuses on HTML every day until Christmas.
2288123