Erik Kroes 👀
@erikkroes.bsky.social
Disabled, and doing it anyway.
🎉 Art, Web Accessibility & Design Systems 🎉
Now: Freelancer 🌐
Previously: Nomensa 🇬🇧 IKEA 🇸🇪 ING 🇳🇱🦁
👤 he/him
www.erikkroes.nl
🎉 Art, Web Accessibility & Design Systems 🎉
Now: Freelancer 🌐
Previously: Nomensa 🇬🇧 IKEA 🇸🇪 ING 🇳🇱🦁
👤 he/him
www.erikkroes.nl
November 12, 2025 at 8:26 AM
Making an element interactive with a tabindex? Name it!
Don't name an element nested in it. This does not work. The name needs to be on the element that you can -focus-.
Hiding a house number in the back of my garden does not help identify my house from the front.
www.w3.org/WAI/WCAG22/U...
Don't name an element nested in it. This does not work. The name needs to be on the element that you can -focus-.
Hiding a house number in the back of my garden does not help identify my house from the front.
www.w3.org/WAI/WCAG22/U...
November 3, 2025 at 11:23 AM
Making an element interactive with a tabindex? Name it!
Don't name an element nested in it. This does not work. The name needs to be on the element that you can -focus-.
Hiding a house number in the back of my garden does not help identify my house from the front.
www.w3.org/WAI/WCAG22/U...
Don't name an element nested in it. This does not work. The name needs to be on the element that you can -focus-.
Hiding a house number in the back of my garden does not help identify my house from the front.
www.w3.org/WAI/WCAG22/U...
Vorige week was er weer een gezellige meetup van IDEA11Y!
We waren te gast bij Level Level met een tof programma. Daarnaast een fijne mix van bekende gezichten en nieuwe bezoekers.
Wil je zelf bijdragen, of heb je ideeën voor komende edities? Laat het weten: airtable.com/appOF0NAsfPK...
We waren te gast bij Level Level met een tof programma. Daarnaast een fijne mix van bekende gezichten en nieuwe bezoekers.
Wil je zelf bijdragen, of heb je ideeën voor komende edities? Laat het weten: airtable.com/appOF0NAsfPK...
October 8, 2025 at 9:59 AM
Vorige week was er weer een gezellige meetup van IDEA11Y!
We waren te gast bij Level Level met een tof programma. Daarnaast een fijne mix van bekende gezichten en nieuwe bezoekers.
Wil je zelf bijdragen, of heb je ideeën voor komende edities? Laat het weten: airtable.com/appOF0NAsfPK...
We waren te gast bij Level Level met een tof programma. Daarnaast een fijne mix van bekende gezichten en nieuwe bezoekers.
Wil je zelf bijdragen, of heb je ideeën voor komende edities? Laat het weten: airtable.com/appOF0NAsfPK...
I'm considering streaming again.
Live UX/accessibility reviews of websites. Weighing the pros and cons.
What do you think would make this a good idea?
Live UX/accessibility reviews of websites. Weighing the pros and cons.
What do you think would make this a good idea?
September 16, 2025 at 9:35 AM
I'm considering streaming again.
Live UX/accessibility reviews of websites. Weighing the pros and cons.
What do you think would make this a good idea?
Live UX/accessibility reviews of websites. Weighing the pros and cons.
What do you think would make this a good idea?
Busy with 3d printing. Feels like it's 95% "stuff you don't really need" and "stuff with kitchy design".
So far I'm focussing on toys and things for the kids.
(Not my picture but I did print this one)
So far I'm focussing on toys and things for the kids.
(Not my picture but I did print this one)
September 9, 2025 at 8:42 AM
Busy with 3d printing. Feels like it's 95% "stuff you don't really need" and "stuff with kitchy design".
So far I'm focussing on toys and things for the kids.
(Not my picture but I did print this one)
So far I'm focussing on toys and things for the kids.
(Not my picture but I did print this one)
What a week in the Dolomites has taught me about accessibility..
Living in the flat and low Netherlands might be how I came to this insight: mountains are just amazing.
Accessibility is fun and all. It feels pretty good to include 20-25% of the world population. (Try it sometime!)
Living in the flat and low Netherlands might be how I came to this insight: mountains are just amazing.
Accessibility is fun and all. It feels pretty good to include 20-25% of the world population. (Try it sometime!)
August 19, 2025 at 7:54 AM
What a week in the Dolomites has taught me about accessibility..
Living in the flat and low Netherlands might be how I came to this insight: mountains are just amazing.
Accessibility is fun and all. It feels pretty good to include 20-25% of the world population. (Try it sometime!)
Living in the flat and low Netherlands might be how I came to this insight: mountains are just amazing.
Accessibility is fun and all. It feels pretty good to include 20-25% of the world population. (Try it sometime!)
I've been looking forward to share a picture of my workspace. It's been a work in progress. It's pretty cleaned up, and I'm afraid plants will die again soon. So best time to post is now 😬
It's my happy space and I love working from home. 🙏🏿
It's my happy space and I love working from home. 🙏🏿
July 31, 2025 at 6:38 PM
I've been looking forward to share a picture of my workspace. It's been a work in progress. It's pretty cleaned up, and I'm afraid plants will die again soon. So best time to post is now 😬
It's my happy space and I love working from home. 🙏🏿
It's my happy space and I love working from home. 🙏🏿
Summer time!
I've got about 20 blogspost in mind, that I want videos of as well.
There's writing a free foundational "introduction to accessibility"-course
And a free "accessible social media"-course
And a more extensive paid course
Oh, and 2 weeks of Northern Italy!
What are your summer plans? 😇
I've got about 20 blogspost in mind, that I want videos of as well.
There's writing a free foundational "introduction to accessibility"-course
And a free "accessible social media"-course
And a more extensive paid course
Oh, and 2 weeks of Northern Italy!
What are your summer plans? 😇
July 25, 2025 at 7:28 AM
Summer time!
I've got about 20 blogspost in mind, that I want videos of as well.
There's writing a free foundational "introduction to accessibility"-course
And a free "accessible social media"-course
And a more extensive paid course
Oh, and 2 weeks of Northern Italy!
What are your summer plans? 😇
I've got about 20 blogspost in mind, that I want videos of as well.
There's writing a free foundational "introduction to accessibility"-course
And a free "accessible social media"-course
And a more extensive paid course
Oh, and 2 weeks of Northern Italy!
What are your summer plans? 😇
Paste the following in your browser console to get a list of all items with a tabindex-attribute.
gist.github.com/erikkroes/e2...
#accessibility
gist.github.com/erikkroes/e2...
#accessibility
![console.table(
$$('[tabindex]'),
['outerHTML']
)](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:mmolg7xarsxveqadzeltiouv/bafkreigvodrwzajus7m3u6wvt5n6zy4mx35arecb5ejl3iz257w7udzsey@jpeg)
July 24, 2025 at 8:03 AM
Paste the following in your browser console to get a list of all items with a tabindex-attribute.
gist.github.com/erikkroes/e2...
#accessibility
gist.github.com/erikkroes/e2...
#accessibility
Dear designer,
A practical tip. When you want to emphasize something, please increase the contrast instead of lowering it.
(Color contrast is a tool you control. Support your users!)
A practical tip. When you want to emphasize something, please increase the contrast instead of lowering it.
(Color contrast is a tool you control. Support your users!)
July 11, 2025 at 9:08 AM
Dear designer,
A practical tip. When you want to emphasize something, please increase the contrast instead of lowering it.
(Color contrast is a tool you control. Support your users!)
A practical tip. When you want to emphasize something, please increase the contrast instead of lowering it.
(Color contrast is a tool you control. Support your users!)
Hey developer, you can do less!
Role not needed. The button-element already communicates it intends to be a button!
Tabindex not needed. The button-element is interactive by itself!
Aria-label not needed. The button-element is already named by its content!
But thanks for your effort 💚
Role not needed. The button-element already communicates it intends to be a button!
Tabindex not needed. The button-element is interactive by itself!
Aria-label not needed. The button-element is already named by its content!
But thanks for your effort 💚
July 10, 2025 at 1:49 PM
Hey developer, you can do less!
Role not needed. The button-element already communicates it intends to be a button!
Tabindex not needed. The button-element is interactive by itself!
Aria-label not needed. The button-element is already named by its content!
But thanks for your effort 💚
Role not needed. The button-element already communicates it intends to be a button!
Tabindex not needed. The button-element is interactive by itself!
Aria-label not needed. The button-element is already named by its content!
But thanks for your effort 💚
The web has given me something new to detest today. 🎁
It's like they took the experience of having no visible keyboard focus, and reinvented it for mouse-users. The creativity is impressive 😬
(Context. On a modern div-site, this makes everything seem interactive.)
#SurprisingHTML
It's like they took the experience of having no visible keyboard focus, and reinvented it for mouse-users. The creativity is impressive 😬
(Context. On a modern div-site, this makes everything seem interactive.)
#SurprisingHTML
July 2, 2025 at 7:43 AM
The web has given me something new to detest today. 🎁
It's like they took the experience of having no visible keyboard focus, and reinvented it for mouse-users. The creativity is impressive 😬
(Context. On a modern div-site, this makes everything seem interactive.)
#SurprisingHTML
It's like they took the experience of having no visible keyboard focus, and reinvented it for mouse-users. The creativity is impressive 😬
(Context. On a modern div-site, this makes everything seem interactive.)
#SurprisingHTML
June 23, 2025 at 11:41 AM
FYI, if you're using jQuery and write something like this.
❌ This will not trigger with a keyboard, screen reader or other software/device using the keyboard API.
🧠 Maybe avoid jQuery for this
❌ This will not trigger with a keyboard, screen reader or other software/device using the keyboard API.
🧠 Maybe avoid jQuery for this
June 20, 2025 at 10:19 AM
FYI, if you're using jQuery and write something like this.
❌ This will not trigger with a keyboard, screen reader or other software/device using the keyboard API.
🧠 Maybe avoid jQuery for this
❌ This will not trigger with a keyboard, screen reader or other software/device using the keyboard API.
🧠 Maybe avoid jQuery for this
If your HTML-element looks like a heading, functions like a heading and has a class like "heading".... maybe make it a heading? 💡
#accessibility
#accessibility
June 12, 2025 at 12:31 PM
If your HTML-element looks like a heading, functions like a heading and has a class like "heading".... maybe make it a heading? 💡
#accessibility
#accessibility
Help is there, but not if you're using a keyboard
Note: tabindex="-1" makes this info-button unfocusable.
Note: tabindex="-1" makes this info-button unfocusable.
May 29, 2025 at 7:39 AM
Help is there, but not if you're using a keyboard
Note: tabindex="-1" makes this info-button unfocusable.
Note: tabindex="-1" makes this info-button unfocusable.
This is the owner, and the source of the image: www.facebook.com/spottedtorqu...
May 27, 2025 at 9:35 AM
This is the owner, and the source of the image: www.facebook.com/spottedtorqu...
What do you think when you see this picture?
It's a Lamborghini, a very expensive sports car, in an extra large parking space for people with disabilities.
It's a Lamborghini, a very expensive sports car, in an extra large parking space for people with disabilities.
May 27, 2025 at 9:30 AM
What do you think when you see this picture?
It's a Lamborghini, a very expensive sports car, in an extra large parking space for people with disabilities.
It's a Lamborghini, a very expensive sports car, in an extra large parking space for people with disabilities.
Alt text is not what you add to an image. It's what you start with.
My process for writing alt text is my process for adding images. It might feel backwards.
1. Define what you want to communicate. (This is your alt text)
2. Find an image that communicates that.
#accessibility
My process for writing alt text is my process for adding images. It might feel backwards.
1. Define what you want to communicate. (This is your alt text)
2. Find an image that communicates that.
#accessibility
May 20, 2025 at 7:38 AM
Alt text is not what you add to an image. It's what you start with.
My process for writing alt text is my process for adding images. It might feel backwards.
1. Define what you want to communicate. (This is your alt text)
2. Find an image that communicates that.
#accessibility
My process for writing alt text is my process for adding images. It might feel backwards.
1. Define what you want to communicate. (This is your alt text)
2. Find an image that communicates that.
#accessibility
But Erik, issues from rescaling a website? Isn't that like a... pre-mobile web kind of thing?
Meanwhile, one of the most popular plugins (Google Site Kit), on the most popular platform (Wordpress):
Meanwhile, one of the most popular plugins (Google Site Kit), on the most popular platform (Wordpress):
April 30, 2025 at 6:46 AM
But Erik, issues from rescaling a website? Isn't that like a... pre-mobile web kind of thing?
Meanwhile, one of the most popular plugins (Google Site Kit), on the most popular platform (Wordpress):
Meanwhile, one of the most popular plugins (Google Site Kit), on the most popular platform (Wordpress):
I strongly dislike being a gatekeeper. But I think only Dutch people understand how wonderful it is to get this -water bottle- as a birthday gift.
April 24, 2025 at 7:00 AM
I strongly dislike being a gatekeeper. But I think only Dutch people understand how wonderful it is to get this -water bottle- as a birthday gift.
When writing about contrast, what do you write?
- 3:1
- 3.0:1
- 3.00:1
- Something else?
(And why?)
#accessibility #wcag
- 3:1
- 3.0:1
- 3.00:1
- Something else?
(And why?)
#accessibility #wcag
April 10, 2025 at 8:41 AM
When writing about contrast, what do you write?
- 3:1
- 3.0:1
- 3.00:1
- Something else?
(And why?)
#accessibility #wcag
- 3:1
- 3.0:1
- 3.00:1
- Something else?
(And why?)
#accessibility #wcag
I have some thoughts on a physical connectors and tactile markings. And I would very much appreciate your feedback!
www.erikkroes.nl/blog/tactile...
#accessibility #inclusiveDesign
www.erikkroes.nl/blog/tactile...
#accessibility #inclusiveDesign
March 5, 2025 at 3:29 PM
I have some thoughts on a physical connectors and tactile markings. And I would very much appreciate your feedback!
www.erikkroes.nl/blog/tactile...
#accessibility #inclusiveDesign
www.erikkroes.nl/blog/tactile...
#accessibility #inclusiveDesign
I love meeting people and spending time together. And I see so many events happening, it's giving me FOMO!
But sorry, I can't be there with you all. And I know many others can't either. Come hang in my discord? We've got a nice spot with people who like being inclusive.
discord.gg/FSRZDPDzrQ
But sorry, I can't be there with you all. And I know many others can't either. Come hang in my discord? We've got a nice spot with people who like being inclusive.
discord.gg/FSRZDPDzrQ
February 27, 2025 at 8:21 AM
I love meeting people and spending time together. And I see so many events happening, it's giving me FOMO!
But sorry, I can't be there with you all. And I know many others can't either. Come hang in my discord? We've got a nice spot with people who like being inclusive.
discord.gg/FSRZDPDzrQ
But sorry, I can't be there with you all. And I know many others can't either. Come hang in my discord? We've got a nice spot with people who like being inclusive.
discord.gg/FSRZDPDzrQ
Instead of repeating advice, I like writing it down. This time: what should you test accessibility with?
If you'd ask me: don't start testing with a screen reader.
www.erikkroes.nl/blog/dont-te...
#accessibility #inclusiveDesign
If you'd ask me: don't start testing with a screen reader.
www.erikkroes.nl/blog/dont-te...
#accessibility #inclusiveDesign
February 13, 2025 at 9:09 AM
Instead of repeating advice, I like writing it down. This time: what should you test accessibility with?
If you'd ask me: don't start testing with a screen reader.
www.erikkroes.nl/blog/dont-te...
#accessibility #inclusiveDesign
If you'd ask me: don't start testing with a screen reader.
www.erikkroes.nl/blog/dont-te...
#accessibility #inclusiveDesign