Michaël Vanderheyden

@th3s4mur41.me

83 Followers 182 Following

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

Screenshot of 'Div & Die', a 2D game testing semantic HTML. The left side shows a top-down view of a pedestrian with a white cane attempting to cross a busy street via tactile paving. The right side shows the game's code panel filled entirely with non-semantic nested div tags instead of structural HTML landmarks. Text instructions warn that without semantic elements, a screen reader cannot intercept the environmental cues or landmarks needed to cross safely.

Portrait of myself on the starting line

My ΔEOk JND results: 0.0025

White ceramic mug with black interior, printed with a red ribbon banner showing the name 'Michaël,' five yellow stars, and the text 'Sensei of A11y & Samurai of CSS

Demo of the bug showing Firefox on the left and Edge on the right.
In Firefox both examples (grid and subgrid) are almost aligned. In Edge the subgrid version is broken and DevTools grid lines are missing

Michael running in a group of people during the Aachener Firmenlauf 2025 wearing an Atos T-shirt

On the left (Chromium), the SVGs are placed on top of the text within the subgrid as expected. On the Right (Firefox), the SVGs are overflowing out of the grid and behind the text