Your site should let everyone in

Most of this field guide is about things added to your site that take from your visitors — their data, their attention, their time. Accessibility is the same idea seen from the other direction: not something extra taken, but something basic withheld. When a site can't be read by a screen reader, navigated by a keyboard, or seen by someone with low vision, it has shut a door on real people. They came to your page and couldn't get in.

And this isn't a rare edge case. Disability is ordinary — low vision, blindness, motor conditions that make a mouse impossible, and the simple fact that all of us age into needing larger text and clearer contrast. A site that only works for the able-bodied, mouse-using, sharp-eyed visitor is a site that turns away a large share of the people it was built to reach.

The four doors every visitor comes through

The international standard (WCAG) rests on four plain principles — the acronym is POUR, but you can hold them as four doors a visitor needs open. Most failures are just one of these doors stuck shut, and most fixes are simply opening it.

You'll notice none of these is exotic. They're the difference between a building with a step at the only entrance and one with a level threshold. The building isn't doing anything fancy. It just didn't put a barrier where it didn't need one.

Inaccessibility is rarely a decision someone made. It's a barrier nobody removed — which is exactly why it's yours to take down.

The handful of fixes that matter most

The encouraging part: a few issues cause most of the exclusion, and they're the cheap ones to fix. You don't need a rebuild. You need to open the doors that are stuck.

• Contrast. Make text dark-enough against its background — the standard is a 4.5:1 ratio for normal text. The pale-gray-on-white that looks elegant in a mockup is unreadable for millions. (This very page holds every color to that ratio.)
• Alt text. Every meaningful image gets a short, true description in its alt attribute, so a screen reader can speak what sighted visitors see. Decorative images get an empty alt="" so they're skipped. "IMG_4392.jpg" is not a description.
• Real form labels. Every field needs a visible, programmatic label — not just placeholder text that disappears the moment someone types, leaving a screen-reader user lost.
• Keyboard navigation. Tab through your whole site without a mouse. Can you reach the menu, the form, the submit button? Can you get out of every pop-up? If not, neither can a visitor who can't use a mouse.
• Labeled links and buttons. An icon with no text just says "link" to a screen reader. Give it words, so people know where it goes.

Beware the "one-click" fix

There's a tempting shortcut worth a direct warning, because it's extraction wearing the costume of a solution: the accessibility overlay widget — a floating toolbar plugin that promises instant compliance. It looks like care. It mostly isn't.

The overlay is the same trade this whole field guide warns about: a paid layer that looks like it solves the problem while leaving the real one in place — and, often, quietly collecting from visitors in the process. The honest fix is plainer and cheaper: open the actual doors. There's nothing to subscribe to.

Why this is the purest form of building clean

Here's the quiet reward, and it's the same one that runs through everything here: accessibility and quality are the same direction. Better contrast makes a site more readable for everyone. Clear labels help every user. Keyboard navigation helps power-users. Clean, standard code is faster and more robust. A site built to let everyone in is simply a better-built site — there is no version of this where helping disabled visitors costs the others anything.

And it's non-extraction at its most fundamental. The other guides are about refusing to take from your visitors. This one is about refusing to shut them out — which is the same respect, aimed at the people a careless web most often forgets. A site that takes nothing and excludes no one is the whole ethic in a single page.

Check your own doors, right now

You can test the most important things yourself, free, in a few minutes — no audit required:

1. Unplug your mouse (or just don't touch it) and Tab through your site. Can you reach and use everything? Can you escape every pop-up?
2. Check your contrast with a free contrast-checker tool — paste your text and background colors, confirm they hit 4.5:1.
3. Look at your images — does each meaningful one have real alt text, not a filename or blank?
4. Click into your forms — does every field have a visible label that stays put when you type?
5. Run a free automated checker for a first pass — it catches maybe a third of issues, but it's a fast start on the obvious ones.

Whatever you find, it isn't a disaster — it's a set of doors you now know how to open. Most sites have a handful stuck shut, and most of those are an afternoon's work. You don't have to fix everything at once. You just have to stop turning people away.