URL: https://www.sarasoueidan.com/blog/tips-for-reader-modes/
A fantastic article by Sara Soueidan about designing for reading modes. The headers act as a "mini-manifesto" of how I approach front end web development:
- If your idea requires CSS to visualize, provide a markup-only alternative
- HTML is for content. CSS is for visual styles. Keep content where it belongs: in the markup.
- Keep the core experience clutter- and distraction-free: Hide non-core content by default and show it with CSS when it's okay to do so.
Progressive enhancement, responsive design, accessibility: they all start at the foundation layer of HTML. Then there's the visual layer on top of that, CSS. Then there's the fancy interactive layer on top of that, Javascript. The higher you get in the layers, the more room for inaccessible practices and patterns.
Just lovely.