← 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.