Hi there!

Good Vibes Only is owned by me, Jessica, and I work as a freelance front-end developer. I write about things I’ve experimented with and thoughts I like to share, focusing on creativity and CSS.

I have a love for CSS because it’s what makes the web look interesting and fun!

Image of logo circles

Quick and trix

Latest beat

Disabled all over or just a bit?

When we disable buttons or other interactive elements, we usually rely on the disabled attribute in HTML, styling the element accordingly. But if we’re aiming for accessibility and inclusivity, there’s an issue, the disabled attribute makes the element non-focusable. That means users can’t reach it with the keyboard or assistive technologies. If it’s unreachable, how will they know it’s disabled?

A better, more inclusive approach is to use aria-disabled instead, which allows the element to stay focusable while still conveying its disabled state to assistive technologies.

Before:

button:disabled {
  color: grey;
}

Now:

button[aria-disabled="true"] {
  color: grey;
}

With aria-disabled, the element remains focusable and is properly announced as disabled (or dimmed) by assistive technologies. Meanwhile, visually, it still looks disabled, just like before. Better for everyone!

More beats

Things I have written

Newest vibes

Fatigued or just tired?

The week before my summer holiday, I had a sunny lunch with my colleagues. One of them brought up an interesting point, there’s not just one way to be tired — there are many! We all laughed and told him he should write a book on the topic, but the thought stuck with me.

Read vibe

Reflections after CSS DAY 2024

This week, I attended CSS DAY Conference in Amsterdam for the second time. Last year, there were so many new things on the CSS agenda that I went home feeling both inspired and humbled. This year, I wasn't sure what to expect.

Read vibe
More vibes