Jo Spelbrink's Avatar

Jo Spelbrink

@joville

interested in a11y, coding, ux, design, film, journalism, arts • english/german/sign language

224
Followers
1,200
Following
7
Posts
19.08.2023
Joined
Posts Following

Latest posts by Jo Spelbrink @joville

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...

This is a fascinating (and terrifying) read by @matthiasott.com, who identifies the sheer scale of LLM scraper bots hitting personal sites — to the point where web hosts are having to limit traffic, preventing actual humans from accessing them.

09.02.2026 23:06 👍 3 🔁 2 💬 0 📌 0
Post image Post image

How AI assistance impacts the formation of coding skills www.anthropic.com/research/AI-...

31.01.2026 10:01 👍 35 🔁 17 💬 1 📌 3
Post image

LLMs are good at idea quality, but weak on idea variance. GPT-4's brainstorm pools are less diverse than humans, unless you prompt for diversity explicitly. CoT prompting gets closest to “team human.” papers.ssrn.com/sol3/papers....

03.02.2026 19:01 👍 8 🔁 3 💬 1 📌 0

We'll be getting multiple outlines in #CSS!!

Multiple outlines means no more hacking our way around accessible and creative outline styles with box-shadows that aren't rendered in forced-colors mode! 🙌

Finally!! This is such great news!! 🎉🥳

29.01.2026 04:37 👍 105 🔁 18 💬 3 📌 1
Preview
Don't leave the screen reader hungry - HTMHell A collection of bad practices in HTML, copied from real websites.

On day 17 @gerireid.com explores the gap between what's rendered on the screen and what screen readers actually announce. #htmhellAdventcalendar

htmhell.dev/adventcalend...

18.12.2025 05:20 👍 17 🔁 5 💬 0 📌 0
Preview
In 1995, a Netscape employee wrote a hack in 10 days that now runs the Internet Thirty years later, JavaScript is the glue that holds the interactive web together, warts and all.

Happy 30th, JavaScript. Remember, age is just NaN…

In 1995, a Netscape employee wrote a hack in 10 days that now runs the Internet arstechnica.com/gadgets/2025...

08.12.2025 10:46 👍 21 🔁 10 💬 0 📌 0

It's December 1st, which means that throughout the entire month you should reserve 5-10 minutes every day to read a fantastic article about HTML. ❤️‍🔥

Check out what's hidden behind the first door.

htmhell.dev/adventcalendar

01.12.2025 07:48 👍 69 🔁 45 💬 1 📌 2

Und mit Google Captcha schränken sie gleich auch die Barrierefreiheit ein!

21.11.2025 10:09 👍 2 🔁 0 💬 0 📌 0
Thorsten Jonas at Beyond Tellerand. The slide reads, “Do we want to design for the world as it is? Or do we want to design how it should be?”

Thorsten Jonas at Beyond Tellerand. The slide reads, “Do we want to design for the world as it is? Or do we want to design how it should be?”

“Do we want to design for the world as it is? Or do we want to design how it should be?”

We can control the future with our choices, because “we live in a narrative-driven world.”
— Thorsten Jonas at @beyondtellerrand.com

06.11.2025 10:50 👍 20 🔁 1 💬 0 📌 0

I wrote this with a bunch of good folks in the #Drupal community

A New Era of Digital #Accessibility: The #EAA and its Implications for Drupal https://www.drupal.org/association/blog/a-new-era-of-digital-accessibility-the-eaa-and-its-implications-for-drupal

/c @drupalassoc

23.10.2025 19:18 👍 3 🔁 2 💬 0 📌 0

Meta was ordered by a a Dutch court to offer a non-algorithmic timeline option, and they just got an extension as they claimed they couldn't do it within 2 weeks for tech reasons.

29.10.2025 07:38 👍 4 🔁 1 💬 1 📌 1
Preview
Designing Amiable Web Spaces: Lessons from Vienna's Café Culture Explore the impact of amiability in web interactions and learn from the history of Vienna Circle's collaborative spirit in dealing with disagreements.

While Hitler plotted and Europe crumbled, a motley crew of mathematicians, philosophers, architects, and economists met weekly to invent Computer Science. Mark Bernstein mines this forgotten history for lessons that just might save today’s web from its worst impulses.

alistapart.com/article/desi...

15.10.2025 15:59 👍 55 🔁 14 💬 2 📌 1
Many assistive tools, such as screen readers and voice control, better engage with websites when the HTML includes ARIA rules — telling a screen reader, for example, where a button is or what it does so visitors with visual disabilities can still use it.

Many assistive tools, such as screen readers and voice control, better engage with websites when the HTML includes ARIA rules — telling a screen reader, for example, where a button is or what it does so visitors with visual disabilities can still use it.

Why use ARIA? Using ARIA in your code gives a wider audience access to your content. It can also ensure your projects comply with web accessibility rules like the WCAG, another WAI best practice.

Why use ARIA? Using ARIA in your code gives a wider audience access to your content. It can also ensure your projects comply with web accessibility rules like the WCAG, another WAI best practice.

Holy shit, #Webflow.

I understand you may not have anyone on staff to review this LLM-generated ARIA explainer, but you’ve mostly just convinced me your product is a lawsuit-in-waiting.

I’m sorry most of your customers won’t recognize that.

webflow.com/blog/how-to-...

#accessibility #a11y #ARIA

06.10.2025 17:25 👍 13 🔁 7 💬 5 📌 0

👁️‍🗨️ Conforming to WCAG does not make your UI magically accessible, but it will be a lot more accessible than if nothing is done. #UX is a different matter...

#WCAG #accessibility #reality

08.08.2025 08:41 👍 14 🔁 5 💬 0 📌 0
Preview
Trusting the browser · Medienbäcker Thomas Günther I've been thinking about how we approach accessibility in web development. Particularly about trusting the browser to implement things in an accessible way.

"Ask an LLM to style a button, and there’s a good chance it’ll still suggest outline: 0 or outline: none from the 15 years of training data." medienbaecker.com/articles/tru...

20.08.2025 15:51 👍 53 🔁 15 💬 3 📌 0
Preview
An Interactive Guide to SVG Paths • Josh W. Comeau SVG gives us many different primitives to work with, but by far the most powerful is the <path> element. Unfortunately, it’s also the most inscrutable, with its compact Regex-style syntax. In this tut...

✨ I just published a brand-new post! It’s about the notorious SVG <path> element.

With its compact Regex-style syntax, <path> can be super intimidating. But they’re also *incredibly* powerful, letting us draw (and animate!) curved lines.

You can read it here, and I’ll share more info in thread. 🧵

18.08.2025 15:27 👍 206 🔁 40 💬 15 📌 12
Video thumbnail

In my articles header, I try to design it in a way that reflect the topic. Here is the one about CSS Relative Colors.

🔗 ishadeed.com/article/css-...

19.08.2025 18:14 👍 29 🔁 5 💬 0 📌 0

"How is it possible for CrUX to say 90% of page loads are good, and Google Search Console to say only 50% of URLs are good. Which is right?"

It's a question I get about Core Web Vitals and I admit it's confusing, but the truth is both are correct because they are different measures...

1/5 🧵

19.08.2025 10:32 👍 27 🔁 7 💬 2 📌 3
Preview
Why and How to Write Minimal and Valid HTML, a Link Guide · Jens Oliver Meiert On using all of HTML’s features and ensuring that HTML code is error-free—two surprisingly underused and unpopular approaches to writing HTML.

Why and How to Write Minimal and Valid HTML, a Link Guide, by @meiert.com:

meiert.com/blog/minimal...

02.08.2025 13:02 👍 34 🔁 9 💬 0 📌 1

😂😂😂

03.08.2025 10:52 👍 1 🔁 0 💬 0 📌 0
Preview
Why Semantic HTML Still Matters If you want to build for performance, accessibility, discoverability, or resilience, you must start with HTML that means something.

Modern HTML is a disaster.

It’s bloated, semantically meaningless, and hostile to browsers, bots, and users.

We’ve traded structure for utility, and performance is paying the price.

Semantic HTML still matters - and here’s why.

www.jonoalderson.com/conjecture/w...

21.07.2025 20:23 👍 12 🔁 5 💬 2 📌 1
Preview
It's time for modern CSS to kill the SPA Native CSS transitions have quietly killed the strongest argument for client-side routing. Yet people keep building terrible apps instead of performant websites.

Why are you shipping 3MB of JavaScript to animate a link?

Modern CSS now handles seamless page transitions - natively.

No routing hacks. No hydration tax. No excuse.

24.07.2025 21:23 👍 12 🔁 7 💬 0 📌 1
A screenshot of Firefox Nightly, with the Codepen https://codepen.io/keithamus/pen/wBaZVaX open. The page showing 6 heading levels, showing the CSS, HTML and the rendered page. Each heading is styled differently using the provided CSS selectors, `:heading` (which styles all headers), `:heading(-2n+3)` (styles h1 and h3 elements), `:heading(5, 6)` (styles the h5 and h6 elements). Another Firefox Nightly window is open, showing the `layout.css.heading-selector.enabled` flag is set to `true`, making the rendered page styled using the new selectors.

A screenshot of Firefox Nightly, with the Codepen https://codepen.io/keithamus/pen/wBaZVaX open. The page showing 6 heading levels, showing the CSS, HTML and the rendered page. Each heading is styled differently using the provided CSS selectors, `:heading` (which styles all headers), `:heading(-2n+3)` (styles h1 and h3 elements), `:heading(5, 6)` (styles the h5 and h6 elements). Another Firefox Nightly window is open, showing the `layout.css.heading-selector.enabled` flag is set to `true`, making the rendered page styled using the new selectors.

Hot off the presses! Firefox Nightly (www.mozilla.org/en-GB/firefo...) adds the new :heading pseudo! Easily style all headings, or use nth-child-like AnB syntax to select a range of headings! Needs `layout.css.heading-selector.enabled` flag enabled. Try it out and let me know your thoughts.

01.07.2025 15:13 👍 100 🔁 29 💬 3 📌 3
Preview
This is not a pipe: UX, AI, and the risk of satisficed product design AI’s grip on design forces us to reconsider our role in shaping perception, reality, and — most importantly — decision-making.

“We can’t let the ease of generation become a substitute for our better judgment. We can’t let groupthink dictate taste. We can’t let empathy get stripped from the process just because the output looks like a viable product to the loudest person in the room.” Mike Schindler

#ux #ai #ProductDesign

01.06.2025 15:30 👍 26 🔁 6 💬 2 📌 0

“LLMs can accelerate and democratise scientific progress by helping researchers contextualise their work” <- outright lies. most of the time, to be genAI enthusiast is to no longer care about the truthfulness of your claim

26.05.2025 16:18 👍 57 🔁 8 💬 2 📌 2
Preview
Values · Eric Eggert Why we do what we do and why others don’t share the same reasons.

Values, with in Accessibility field, by Eric Eggert. An important read.

yatil.net/blog/values

#DigitalAccessibility #Accessibility #A11y

02.03.2025 15:29 👍 1 🔁 1 💬 0 📌 0

I’m going to start using these hashtags when talking about this topic:

#DefendTheADA
#DefendASL

12.01.2025 18:58 👍 8 🔁 1 💬 0 📌 2

Hi, ASL interpreter of 30 yrs & a person w/ Deaf family here.

In response to the anti-ASL horseshit going around:

ASL and English are not the same language.

ASL has no written form.

Reading English subs is not = to seeing ASL & many Deaf ppl need sign to fully understand info.

12.01.2025 15:42 👍 9135 🔁 1770 💬 233 📌 72

Happy New Year everybody 🍀

01.01.2025 00:50 👍 2 🔁 0 💬 0 📌 0