Jo Spelbrink's Avatar

Jo Spelbrink

@joville.bsky.social

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

210 Followers  |  1,092 Following  |  7 Posts  |  Joined: 19.08.2023  |  2.108

Latest posts by joville.bsky.social on Bluesky

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

21.11.2025 10:09 — 👍 1    🔁 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 — 👍 56    🔁 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 — 👍 54    🔁 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 — 👍 208    🔁 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 — 👍 0    🔁 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 — 👍 101    🔁 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 — 👍 9173    🔁 1780    💬 235    📌 72

Happy New Year everybody 🍀

01.01.2025 00:50 — 👍 3    🔁 0    💬 0    📌 0
Preview
How to Dehumanize Accessibility with AI | Ashlee M Boyer Hire disabled people, not AI-generated caricatures.

@ashleemboyer.com’s response to an “AI”-enabled “accessibility” product is very good, and worth your time: ashleemboyer.com/blog/how-to-...

23.12.2024 13:38 — 👍 44    🔁 13    💬 4    📌 4
Preview
If Not React, Then What? - Infrequently Noted Frameworkism is now the dominant creed of today's frontend discourse, and it's bullshit. We owe it to ourselves and to our users to reject dogma and embrace engineering as a discipline that strives…

If Not #React, Then What? "Frameworkism is the dominant creed of frontend discourse, and it's bullshit. We owe it to ourselves and our users to reject dogma and embrace engineering as a discipline that serves users first and foremost."

06.12.2024 18:00 — 👍 4    🔁 2    💬 0    📌 0

To get proper lighthouse score with this russian roulette with headings content 😉

04.12.2024 12:27 — 👍 2    🔁 0    💬 0    📌 0

An advent calendar curated
by my former workmate @matuzo.at about how to not write HTML. Every year a recommendation! 🌞

PS: Don‘t forget to wish his book accessibility-cookbook.com as your personal x-mas gift! 🎄

01.12.2024 10:04 — 👍 3    🔁 0    💬 1    📌 0

Hello from Austria! 👋

12.11.2024 07:41 — 👍 1    🔁 0    💬 1    📌 0

✔️ passed

09.11.2024 09:21 — 👍 379    🔁 43    💬 0    📌 0

That’s so true and mostly the case: … can be accessibility compliant and still suck to use.

Real accessibility is the bottom line of real inclusive experiences.

20.08.2024 21:41 — 👍 6    🔁 0    💬 1    📌 0

@joville is following 20 prominent accounts