01 / Genome
The Accessibility Genome
A visual guide for accessible interfaces: semantic HTML, focus behavior, forms, ARIA, media, color, and the final check before shipping.
Agent Accessibility by Jennifer Wjertzoch
Some of my readers don't have eyes.
Accessibility Is Becoming Machine Infrastructure.
I'm Jennifer.
I work at the intersection of accessibility, software architecture, and AI.
For years, accessibility helped humans navigate software. Now the same foundations are helping machines do the same.
Agent Accessibility explores what happens when accessible software becomes the default output of AI.
Why now?
Accessibility cannot remain a manual afterthought.
Accessibility has spent years justifying itself through empathy and compliance.
Now AI agents are rediscovering the same lessons.
Semantic HTML.
Clear structure.
Predictable interaction.
The foundations of accessible software turn out to be useful for machines too.
Accessibility didn't change.
The business case did.
The Accessibility Genome
Good interfaces explain themselves.
Meaning, behaviour, intent, and evidence are the layers that keep humans and machines from guessing.
Remove one layer and the system starts inventing context. That is where inaccessible software begins.
- 01What am I?
Meaning
Names, roles, labels, and structure make the interface readable before anyone touches it.
<button type="submit">Pay now</button> - 02How do I behave?
Behaviour
Focus, keyboard paths, states, and recovery tell humans and agents how the UI moves.
aria-expanded="true" - 03Why do I exist?
Intent
Purpose connects a component to the task, the business rule, and the user journey.
data-intent="checkout-submit" - 04How do we know?
Evidence
Checks, traces, and review notes prove the interface did not merely look accessible.
keyboard: pass labels: pass focus: pass
GitHub repositories
Proof, not positioning.
The idea gets real through artifacts: principles you can preview, skills an agent can follow, and code that shows what accessible architecture looks like.
02 / Skills
Agent Accessibility Skills
Accessibility engineering skills for AI coding agents. Train agents to review, test, remediate, and build accessible software.
GitHub03 / Forms
A11y Forms
Accessible form architecture for Vue 3. A reference implementation demonstrating accessibility-first engineering.
GitHubSpeaking and Community
Talks, conferences, community.
I speak about accessibility architecture, frontend engineering, and building inclusive digital products.
Jennifer's approach goes beyond checking a box; she treats accessibility as a strategic, cross-team discipline that impacts every stage of the product lifecycle.
Talks
| Event | Topic | Year |
|---|---|---|
| WeAreDevelopers World Congress | Design Systems for the Machines - How to Make AI Understand Your UI | July 2026 |
| WP Accessibility Day | Accessibility Isn't Extra Work. It's Risk Management. | 2025 |
| DKB TECH Conference | Accessibility Isn't Extra Work. It's Risk Management. | 2025 |
Writing
Accessibility architecture, CSS, and frontend engineering.
LinkedIn Newsletter: From UI to A11y Architecture
303 subscribers
Subscribe on LinkedIn| Article | Publication |
|---|---|
| Built-In, Not Bolted-On: Structural Accessibility in Financial Platforms | DKB Code Factory · 2026 |
| How to Make a Fully Accessible CSS-Only Carousel | Level Up Coding |
| Accessibility on the Web | Level Up Coding |
| The Systems Behind the Design | Geek Culture |
| Things I've Learned About CSS Grid Layout | freeCodeCamp |
| Getting Started with CSS Flexbox | Medium |
First Action
Working on a design system?
I’m collecting real-world examples of where AI agents struggle with interfaces. Reach out if you want to compare notes.