Michaël Vanderheyden's Avatar

Michaël Vanderheyden

@th3s4mur41.me

Lead UX Engineer & Accessibility Specialist @ cycos, an Atos Business #CPWA #WebDev #A11y #CSS Martial arts lover | Shotokan Karate black belt | BJJ practitioner | Bikejöring https://th3s4mur41.me

46
Followers
130
Following
137
Posts
15.11.2024
Joined
Posts Following

Latest posts by Michaël Vanderheyden @th3s4mur41.me

Updating right now and definitely trying out the experimental rust compiler 🥁

11.03.2026 10:24 👍 0 🔁 0 💬 0 📌 0
Preview
Webspace Invaders · Matthias Ott There’s something happening on the Web at the moment that almost feels like watching that old arcade game Space Invaders play out across our servers. Bots and scrapers marching in formation, attacking...

I need a few incoming webmentions for testing (okay, this sounds like a really fishy attempt to generate likes … I promise that it is not! 😂). So would you all please like and repost this piece I recently wrote? You can also read it, of course.

matthiasott.com/articles/web...

04.03.2026 20:23 👍 11 🔁 3 💬 1 📌 0

Interesting. I started writing about the similarities between web development and martial arts a while ago...
I get to finish it sometime 😅
But sure why not skateboarding too. Or any kind of sport for that matter 🤷

09.03.2026 21:51 👍 1 🔁 0 💬 0 📌 0

I think I might have figured something fun out, but I need to test it with some more....

So, what's a situation you wish you had wrap detection for when using flexbox?

09.03.2026 14:49 👍 17 🔁 1 💬 7 📌 0

Footer navigation where alignement should change if wrapped. Currently using container query with some magic number for that.

09.03.2026 18:48 👍 1 🔁 0 💬 0 📌 0
Video thumbnail

Now that shape() is available in all major browsers, let me remind you that you can use my online generator to create any polygon with ... rounded corners!

css-generators.com/polygon-shape/

Adjust the setting, then copy the code.

09.03.2026 11:34 👍 73 🔁 7 💬 2 📌 1

Embracing progressive enhancement can make it much easier to adopt newer web features.

07.03.2026 13:31 👍 22 🔁 4 💬 2 📌 0

💯% deserved 👍

07.03.2026 08:13 👍 1 🔁 0 💬 0 📌 0
Preview
View Transitions can swoop‽ · March 7, 2026 How to make View Transitions not always a straight line

how to make #CSS view transitions swoop or have motion blur

or how I learned to help view transitions not always go in straight lines

nerdy.dev/swoop-there-...

07.03.2026 05:39 👍 68 🔁 10 💬 5 📌 2

Absolutely... It's all just a matter of time. Point being that a fallback to AVIF, JPEG XL or WebP is still necessary today.
But that will change at some point for sure.
I'm also curious about what AVIF XL, or whatever the future AV2 based image format will be named, will bring to the equation?!

05.03.2026 19:37 👍 0 🔁 0 💬 0 📌 0

I switched to AVIF only for most websites last year, with JPG/PNG as only fallback.
WebP was no longer used, so saved some storage and CPU time 😎

05.03.2026 19:26 👍 0 🔁 0 💬 1 📌 0
Preview
Making keyboard navigation effortless Do you use a keyboard to navigate websites? If so, you've probably run into countless accessibility issues where groups of inputs or widgets are not easy, or even possible to get to with just the keyb...

Making keyboard navigation effortless. Introducing focusgroup.

Focusgroup is a new HTML attribute, with early support in Edge, Chrome, and other Chromium-based browsers, that completely handles arrow key navigation within complex widgets. No JS needed!

➡️ blogs.windows.com/msedgedev/20...

05.03.2026 16:48 👍 32 🔁 12 💬 0 📌 0
We've been separating concerns wrong (and CSS is fixing it)
We've been separating concerns wrong (and CSS is fixing it) YouTube video by General Musings with Kevin Powell

We relied on JavaScript for styling, layout, and state management because CSS couldn’t keep up. But CSS has evolved (fast). It’s finally time to drop the hacks and let CSS do the job it was meant to do.

youtu.be/GTCJ082hj-w

05.03.2026 11:56 👍 4 🔁 1 💬 0 📌 0
Preview
Th3S4mur41's Bracket | March Mad CSS Check out Th3S4mur41's bracket picks!

March Mad CSS is gonna be epic ⚔️
Check out my bracket picks!
Who did you pick?
madcss.com/bracket/Th3S...

05.03.2026 08:50 👍 0 🔁 0 💬 0 📌 0
WCAG in Plain English - AAArdvark A plain-language guide to WCAG accessibility standards. Friendly explanations that make accessibility easier to understand, one criterion at a time.

Looking for a practical, beginner‑friendly way into accessibility? This plain‑English WCAG resource by @aaardvarka11y.bsky.social makes the first steps much easier.
aaardvarkaccessibility.com/wcag-plain-e...

04.03.2026 20:17 👍 1 🔁 0 💬 0 📌 0

Nice 🤓
Is focusgroup available to test in any browser yet?

04.03.2026 18:54 👍 0 🔁 0 💬 1 📌 0

I like to do that too, most of the times and plan to add it to my blog too...
As always they are exceptions where it's just noisy,e.g. when there are many external links or most links are external anyways

04.03.2026 17:03 👍 0 🔁 0 💬 0 📌 0

That's an interesting question...
Anybody have a take on this one?
#a11y #ScreenReader

04.03.2026 16:41 👍 0 🔁 0 💬 0 📌 0

Is that compatible with a "discombobulator"? 🤔

04.03.2026 16:20 👍 0 🔁 0 💬 0 📌 0
Video thumbnail

This is such a bad idea. The skills of those roles are not complementary, and developers and engineers are clueless about design and user experience. He seems proud of his decision, and that is worrying.

03.03.2026 17:07 👍 2 🔁 1 💬 1 📌 0

Absolutely. So many bad products out there because they were built with tools that are supposedly making expertise obsolete 🙄
The result: Much more money wasted using those apps than you would have needed to build them properly with an experienced team.

03.03.2026 19:11 👍 0 🔁 0 💬 0 📌 0
W3C Accessibility Guidelines (WCAG) 3.0 W3C Accessibility Guidelines (WCAG) 3.0 will provide a wide range of recommendations for making web content more accessible to users with disabilities. Following these guidelines will address many of ...

The latest Working Draft of WCAG 3 is out today! w3.org/TR/wcag3/

In this version, we've:
- moved lots of requirements to “Developing” phase,
- wrote down how to test,
- mapped reqs to user needs (using DAF),
- split out 'applies when' and 'except when' to massively increase readability
1/2

03.03.2026 10:45 👍 34 🔁 11 💬 1 📌 0
Preview
March meetup, Wed, Mar 25, 2026, 7:00 PM | Meetup **March Meetup — devs.gent** **Location:** iO \| Digital Agency\, Raymonde De Larochelaan 15\, Gent **Hosted by:** The devs.gent team **Food & drinks provided** Come hang o

Don't miss the Devs.gent CSS & UI #meetup later this month! 🚀 We’re diving deep into View Transitions with @bram.us , and I’ll be taking the stage to experiment with some new ideas. It’s an opportunity to learn great things and to witness me tripping over some words 😀 www.meetup.com/devs-gent/ev...

02.03.2026 12:48 👍 4 🔁 2 💬 0 📌 0

Master class gamification 😎

02.03.2026 18:42 👍 1 🔁 0 💬 0 📌 0

I can’t tell if that’s a win for custom instructions, or just a polite way of saying some devs have used frameworks for so long they’ve forgotten that things other than a <div> actually exist. 😅

02.03.2026 15:58 👍 0 🔁 0 💬 1 📌 0

True that 👇

27.02.2026 19:45 👍 0 🔁 0 💬 0 📌 0
Preview
Put aria-hidden= I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.

When you don't put `aria-hidden="true"` on decorative SVGs, they'll be announced by some screen readers.

#WebAccessibilityFails

matuzo.at/blog/2026/pu...

27.02.2026 08:25 👍 38 🔁 11 💬 1 📌 0
Preview
Introducing the CSS anchor positioning API  |  Blog  |  Chrome for Developers Position elements relative to each other using the new anchor positioning API.

Looking at @una.im's video, it seems to have been behaving as you expected at some point anyway: developer.chrome.com/blog/anchor-...
Or am I missing a key difference?

27.02.2026 15:36 👍 0 🔁 0 💬 0 📌 0

Oh, that's a cool feature. It's way more difficult on Windows.
At some point I got so tired of switching layouts that I just stick with the french one and just customized with my own key combos 😅

27.02.2026 14:28 👍 1 🔁 0 💬 1 📌 0

Darn. Your presence had a sweet impact 🤯😜

27.02.2026 12:01 👍 1 🔁 0 💬 0 📌 0