Themes & plugins Intro
Contrast: where grey body copy fails
Light grey body copy looks best in the mockup and reads worst on a real screen. Three threshold values let you judge it at the moment you pick…
Technote
Accessibility is quality
Treating accessibility as design quality rather than compliance — contrast, focus, alt text and keyboard navigation, checked on real screens.
8 articles
SEO Intro
Writing alt text: decoration versus information
Describing every image is not the answer. Decorative images should be left empty; informative ones should carry the information, not a description of the picture.
Themes & plugins Practical
Never delete the focus ring: what outline: none removes
The default focus ring genuinely does not suit most designs. Delete it, though, and keyboard users lose their cursor entirely — the answer is to replace it, not…
Themes & plugins Practical
Walking the site by keyboard: where the order breaks
Take your hand off the mouse and Tab through a page once; five minutes exposes most of it. Nearly always, the culprit is CSS having reordered the screen.
Themes & plugins Practical
Labels and errors: a placeholder is not a label
Text that vanishes the moment you type cannot be a label. Forms that hide labels and forms that signal errors with colour alone lose people in much the…
Themes & plugins Practical
Reduced motion: the content has to survive it
The reduced-motion setting comes from symptoms, not preference. And the bug where the page turns up blank for those users appears most often in code that was trying…
SEO Practical
Heading structure: two h1s blur page and index alike
Headings are a document's skeleton, not a type size. Once the size you picked and the level you assigned drift apart, the page loses its table of contents.
Development workflow Advanced
A routine: what tools catch and what a person must
Automated checkers handle the mechanically decidable part quickly and reliably. The rest — whether the alt text is right, whether the order makes sense — only a person…