Semantic HTML
Why element choice matters. Landmark elements, heading hierarchy, and how the right HTML reduces the need for ARIA.
Read →Build
Working code patterns, commented and copy-paste ready. Each page covers one technique — what it is, why it matters, and exactly how to implement it. Browse by what you need, or work through them in order.
Alt text
Writing good alternative text, handling decorative images and icon buttons, and why emojis in content create screen reader disasters.
Read →Color and contrast
WCAG contrast ratios explained, practical tools to check your palette, and examples of contrast done right — and wrong.
Read →Responsive layouts
The viewport meta tag, media queries, and how to design content that collapses gracefully — with copy-paste examples for common patterns.
Read →Accessible old-web aesthetics
Before-and-after case studies from real Neocities sites: how to keep the retro aesthetic and fix the accessibility issues at the same time.
Read →