Tag: accessibility
Google put ASL input on the Pixel 11
The first release translates American Sign Language to English for everyday phone tasks—and explicitly rules out high-stakes use.
Why It's Important To Use Alt-Text With Your Images
Plus alt-text tips for book people and artists
How to implement an accessible accordion
A short guide on implementing an accessible accordion component, JS optional.
Transcribing for Fun and Profit
Our local university is making bad decisions, as represented by "Vanquished" by Emily Carr
inkwell-website fixes its sitemap, focus handling, and token-storage claim
Corrected a robots.txt still pointing at the old domain, fixed mobile-drawer focus loss, restored stripped list markers, and corrected the privacy policy to mention Android's storage alongside iOS Keychain.
faol-website fixes a broken table of contents and adds crawlability
The table of contents now reads anchor IDs off the rendered tree instead of recomputing them, the memory page distinguishes a failed fetch from an empty history, and robots.txt/sitemap.xml shipped for the first time.
Accessible Adaptations
What is switch-adapting? & Instructions for switch-adapting a mini massager
The shadow copy was the wrong layer
Last week I set out to build two companion WordPress plugins. One would turn PDF attachments into markdown so AI agents could read them. The other would run a local vision model over every image and write a description an agent could use. Generally speaking, agents can't read PDFs or images well (although they're getting...
The shadow copy was the wrong layer
Last week I set out to build two companion WordPress plugins. One would turn PDF attachments into markdown so AI agents could read them. The other would run a local vision model over every image and write a description an agent could use. Generally speaking, agents can't read PDFs or images well (although they're getting...
Remote Development from Any Browser with blit.sh and moo
How to pair blit's browser-based terminal streaming with moo's local-first agent workbench for remote development, 11ty site work, and accessible document and transcript conversion.
„Don't follow me. I am lost.“
Blogging with Magic Unicode: Simple Doesn't Have to Mean Boring!
You don't need bloat. You can use CSS variables and Unicode symbols to add visual personality to your personal website while keeping it minimal, accessible, and fast-loading. Includes a reference of symbol sets (celestial, elemental, occult, card suits, chess, zodiac, and more) with colour examples using the Gruvbox palette.
OKHST: predictable color generation for real interfaces
OKHST is a tone-based color space for generating UI palettes that behave more predictably across states, dark mode, and high contrast.
Progressively enhancing Grid Lanes
This post is a follow-up on my previous post. I was wondering whether it's safe to use Grid Lanes today. I came up with a solution I find okay, but there is a caveat.
Why Make Your Website Accessible, Anyways?
Web accessibility isn't compliance theatre or checking off a list. It's about designing for everyone. Exploring the curb cut effect, why disability is more common than we think, and practical steps to make your website usable by as many people as possible.
The Sound of Silence: How the World's Electric Cars Learned to Speak
Electric vehicles are nearly silent at low speed, a hidden hazard for pedestrians and the visually impaired. Regulators responded with a mandate: make the car audible. This is AVAS: how it works, where it's required, and how carmakers turned compliance into a creative exercise.
Here are the Switch 2 games from the Access-Ability Showcase
In amongst the chaos of Summer Game Fest season (for lack of a better term) I wanted to shine a light on the ongoing efforts of Laura Kate Dale and her Access-Ability Showcase. There's a dizzying amount of presentations hosted during the next week or two, and this one is unique in that it dials...
Overview of Digital Accessibility Technologies
A high-level compilation of various digital accessibility technologies and systems used by people with disabilities to facilitate computer use. Covering both output and input methods, from widely known technologies such as screen readers to lesser-known tools such as sip-and-puff devices.
Easy Mode
Choosing the right difficulty level shouldn't be a judgement on your self-worth
Better code blocks with the Astro Expressive Code integration
today iain learned: How to build better and more accessible code blocks with the Astro Expressive Code integration
Stay Away From Accessibility Overlays
Accessibility overlays are poor solutions to accessibility issues and in the majority of cases, inflict more problems than they solve. They don't provide legal protection and overall harm the usability of websites. They should not be used and must be avoided, with focus instead being placed on addressing the core problems.
Progressive enhancement as a benefit of CSS Nesting
Something I knew is that in browser that support CSS nesting you can nest @media queries inside of other CSS declarations. What I only fully grasped a few days ago is how well this works for progressive enhancement. I've happily used (and wrote about) CSS and @media nesting for about six years now. Primarily through...
Barrierefreiheit in Formularen: Daten versenden
Wenn Nutzende ein Formular absenden, das noch Fehler enthält, entscheidet die Reaktion der Anwendung über die Benutzerfreundlichkeit. Gerade für Menschen, die auf Screenreader oder Tastaturnavigation angewiesen sind, ist ein durchdachtes Verhalten beim Absenden essenziell. In diesem Artikel betrachten wir verschiedene Varianten, wie wir bei der Nutzung von Angular Signal Forms auf ein ungültiges Absenden reagieren können.
What is the IndieWeb?
I decide to throw my hat into the ring and define what exactly the IndieWeb movement is, the core principles, and why it matters for the future of the Internet.
How accessible to LLMs is Jujutsu?
Thoughts about where Jujutsu’s log output breaks down for LLMs during complex merges.
Respecting the No-JS Choice: Making Your Site Work for Everyone
Gracefully degrading my site for no JavaScript, including the CSS-based .no-js approach, testing with Lynx, and creating an informative experience for all users.
You Can't Opt-Out of Accessibility
A rant of frustration about accessibility being a undervalued yet critically important part of building digital experiences. Complaining about the industry's apathy and the true human cost of neglecting accessibility.
Angular Signal Forms Part 4: Metadata and Accessibility Handling
In the previous parts of this series, we've covered the fundamentals of Signal Forms, advanced validation patterns, and modular form architecture. In this final part, we'll explore the power of assigning field metadata. We'll also have a look at how we can automatically add helpful ARIA attributes based on a field state to make our forms even more inclusive and accessible.
The Architecture of Anxiety and Shame, Part One
Deceptive Patterns succeed not just because they trick the user, but because they engineer an atmosphere of social and cognitive pressure.
Curated List: Web Platform, CSS, Accessibility
WCAG Color contrast validation in Craft
While talking with 2 colleagues last week, we were discussing a project where the client asked for the option to be able to "theme" certain pages themselves, to match the branding of some of their own future projects. Letting a client choose their own background color probably brings out a bunch of red flags for you - as it did for me.
Font size dimensions
Pixels or font size for dimensions, and when.
Reclaiming the Flow: Mastering Visual vs. DOM Order with @reading-order
Your CSS is lying to some of your users. Here's the property that fixes it.
CSS Only Contrast
We've always wanted it, now it looks like we can have it.
Out of order
CSS does a lot these days, and I argue that it does too much.
Adding a copy code button
continuing the chain :)
Todd Vs Toddle
The relationship of the toddl's begins. Thoughts about a new development tool and accessibility.
Respecting User Preference
Discussion of why respecting user preferences is satisfying, covering how respecting user autonomy, embracing diversity, solving dual-nature problems, practicing quality craftsmanship, and seeing visible impact creates fulfilling work beyond mere functionality.
Josh Comeau - Creating Delightful Developer Education
Josh Comeau reveals his techniques for creating interactive developer education experiences and building delightful web interfaces with CSS and JavaScript.
Accessibility Misinformation
Misinformation is quite the thing these days. Now it seems to be working its way into the accessibility space.
Clickable cards
Everyone does it, and we often do it poorly.