Making Your Blog Accessible: The Basics That Cost Nothing

Roughly one in six visitors lives with some form of disability — vision, motor, hearing, cognitive. Accessibility is the practice of not accidentally locking them out. The encouraging part: for a text-first blog, almost every meaningful fix costs minutes rather than money, and most of them double as SEO improvements, because search engines reward pages that are easier to parse and harder to misread.

This is the hour-long pass worth running once, then keeping in mind while writing.

Headings: an outline, not a font#

Heading levels (h1–h4) exist to describe structure. Screen reader users navigate by jumping between them the way sighted readers skim. Two rules keep that navigation functional:

1. One h1 per page — the post title. Everything else descends beneath it.
2. No skipped levels. An h3 under the title with no h2 parent reads like a chapter missing its section. Choose levels by position in the outline, never by which looks smaller — that's what CSS is for.

A fast self-test: view your post as a bare table of contents (any browser extension or your editor's outline mode). If it reads as a sensible summary, the structure works. If it reads as fragments, so does the screen-reader experience.

Link text: destination, not instruction#

"Click here" tells a screen-reader user nothing — many pull up a list of links out of context, and a list saying here, here, here, read more is useless. Write anchors as if they'll be read alone, because they will be:

• Weak: "Click here for the checklist"
• Strong: "the pre-publish checklist"

Descriptive links also feed search engines context about the destination, which is why this habit shows up in internal linking guidance too — good linking practice and accessible linking practice are the same practice.

Color and contrast: verify, don't eyeball#

Text needs a contrast ratio of at least 4.5:1 against its background (3:1 for large display text) to be readable for low-vision visitors — and to survive sunlight, cheap screens, and age. Designers' intuition fails this test surprisingly often; gray-on-white "subtle" text is the usual offender.

Run your colors through any free contrast checker. If your theme ships with marginal grays for meta information — dates, tag labels — nudge them darker once and forget it forever. Also never encode meaning in color alone ("required fields are red"): pair it with a symbol or label so color-blind readers get the message.

Images and motion: finish what alt text starts#

Alt text was covered before — the accessibility rule bears repeating in one line: every informative image needs text that conveys its meaning, decorative images need explicit empty alt attributes. Beyond that:

• Captions help everyone, not just deaf visitors — muted autoplay contexts and noisy rooms are universal conditions.
• Avoid autoplaying motion. Anything that blinks, scrolls, or animates continuously should start still and respect the visitor's reduced-motion setting. Motion is the fastest way to lose readers with vestibular disorders — and impatient ones.

Keyboard check: unplug your mouse for ten minutes#

Motor-skill and screen-reader users navigate by keyboard. The test costs nothing:

1. Load a post, press Tab repeatedly. You should see a visible focus indicator moving through header → links → menu in reading order.
2. Press Enter on links; ensure everything reachable by mouse is reachable this way.
3. Check that no interactive element traps focus or appears only on hover (hover-only menus need keyboard alternatives).

If your theme passes this test, you've inherited good bones. If not, it's usually CSS (outline: none with no replacement being the classic sin) — restore visible focus styles and the problem disappears.

Why bother, beyond decency#

Because it compounds: accessible pages have cleaner structure, more descriptive links, faster loads, and better contrast — all inputs to how search engines evaluate quality, and all signals of care that E-E-A-T-minded readers register even when they can't name them. One hour of fixes, permanently wider audience. There isn't a cheaper upgrade available to a text site.

Related: image handling covers the media half of accessibility, and Core Web Vitals covers the performance half.