Semantic HTML
Why element choice matters. Landmark elements, heading hierarchy, and how the right HTML reduces the need for ARIA.
Read →Build
Working code you can take.
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.
- COPY-PASTE
- COMMENTED SOURCE
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.
In progress — not published yet