9 min read
How I Write Alt Text That Helps Screen Readers and Search
Decorative images get empty alt (alt=""), never missing alt
The Lab · Written in the open · Tagged Accessibility
Lab.
Working notes from the studio. The tools I build, the workflows I keep, the mistakes I paid for.
8 entries · latest 2026-10-23
Latest entry
Semantic HTML Elements I Stopped Replacing With Divs
A real button gives focus, Enter and Space keys, and a role for free dialog handles focus trapping and Escape without any JavaScript details/summary is a disclosure widget with keyboard support built in A div with onClick fakes all of...
Read the entry
TLDR
This entry in one minute
- A real button gives focus, Enter and Space keys, and a role for free
- dialog handles focus trapping and Escape without any JavaScript
- details/summary is a disclosure widget with keyboard support built in
All entries · Accessibility
9 min read
Focus States That Survive a Redesign: A Keyboard-First Checklist
Redesigns silently break focus states; I run a 6-point check before every ship
10 min read
The Accessibility Pass Every RAXXO Section Gets Before It Ships
A screen reader on my own store taught me the accessibility pass every RAXXO section now runs before…
9 min read
Claude Code Screen Reader Mode: Accessibility in the Terminal
Claude Code's new screen reader mode swaps boxes and spinners for plain, linear text. Why accessibility in a…
9 min read
Accessible Color Contrast Without Killing the Brand
I keep a dark UI with a bright accent WCAG-AA readable at 4.5:1
8 min read
Form Validation in 2026: 6 Native Constraints Before You Reach for a Library
Native constraints cover 6 common cases without a single byte of JS
9 min read
The Native HTML Dialog Element: 6 Modal Patterns I Ship Without a Library
Native dialog removed a 14KB modal library from 9 sites