A blog about web development, HTML, CSS, JavaScript, and web accessibility.

Website accessibility reaction videos (in German)

Recently, I started a new project. I react to the accessibility of more or less randomly picked websites.

TYPO3Camp Vienna: Talk and Workshop

Friends of mine organise the seventh international TYPO3Camp, which takes place in Vienna on October 11th - 13th, 2024. I'm there to give a keynote talk and a workshop.

Workshop: Deep Dive on Accessibility Testing

Once again, I’ve teamed up with my friends at Smashing Magazine 😻 to share with you everything I know about web accessibility testing! In this smashing workshop we’ll talk about automatic and manual testing, screen reader basics, Single Page Applications, Dev Tools, and more.

Day 109: the animation-composition property

CSS animations can be composited in three ways: replace, add, and accumulate. The animation-composition property allows you to switch between them.

Day 108: the of S syntax in :nth-child()

You can use the of S syntax in the :nth-child() pseudo-class to filter elements before the arguments in :nth-child() apply.

Day 107: the light-dark() color function

The light-dark() color function allows you to define two values for a color property. The property uses the first value when the color scheme is light or unknown and the second when it's dark.

beyond tellerrand: One of my favourite web development and design conferences

People often ask me for recommendations for front-end development conferences. Picking my Top 3 would be challenging, but I know that beyond tellerrand in Germany is one of them.

My CSS wish list 2024

Following last year, I created a CSS wishlist for 2024.

Workshop: Deep Dive on Accessibility Testing

Once again, I’ve teamed up with my friends at Smashing Magazine 😻 to share with you everything I know about web accessibility testing! In this smashing workshop we’ll talk about automatic and manual testing, screen reader basics, Single Page Applications, Dev Tools, and more.

Not all automated testing tools support Shadow DOM in web components

There isn't much more to say; it's all in the title.

Many automated testing tools are a collection of JavaScript functions you run on a page. Most of those rely on querying the DOM. If a tool doesn't consider shadow trees, it only catches accessibility errors in the Light DOM, which may give you a wrong sense of safety and potentially affect your users.