← Back to Blog
Built for Every Screen and Every Reader
Two things that are easy to treat as optional polish, but shouldn't be:
Responsive, on every page
Every layout here — the homepage grid, the two-column post page, the CMS Features list, even the Wagtail admin itself — collapses cleanly to a single column on a phone-width screen. This matters more than it might seem: a meaningful share of traffic to a post shared on social media arrives from a phone browser within seconds of tapping a link, not from someone deliberately opening a desktop browser to read carefully.
Accessible, not just usable
- Every icon button has a real label — the compact clap/share icon row under
each post's title uses
aria-labels, not just a tooltip, so a screen reader announces "Share on X" or "Copy link" rather than nothing at all. - Generated images carry alt text where they're used editorially, and the AI writing assistant can draft contextual alt text for uploaded photos rather than leaving that field blank by default.
- Keyboard focus is visible throughout — every link, button, and form field gets a clear focus outline in the site's own accent color, not a browser default that's easy to lose track of.
- Semantic HTML throughout — real
<nav>,<article>, and heading hierarchy, so the structure a screen reader announces matches what a sighted reader sees, not a soup of generic<div>s.
None of this is a separate "accessibility mode" to turn on — it's just how the templates are written, for every visitor, all the time.