It's really hard to get a site to work well on a <2-inch (<5cm) viewport with switch access for astigmatic colorblind users on a feature phone experiencing packet loss, but I think I pulled it off nicely. CSS-optional, no JS (blocked by CSP).
Also has mirrors to a Tor hidden Web service and a Gemini capsule, all hosted on the same VPS.
I like the "small web" and joined a few webrings (and Gemini orbits), and try to make this static site a member of the IndieWeb.
Bookmarks are generated from my bookmarks manager, WIP music ratings from MPD coming soon.
An incomplete list of use-cases I tried to accommodate:
- Screen readers
- Switch access
- Keyboard navigation, with the Tab key or caret navigation
- Navigating with hand-tremors
- Content extraction (e.g. “Reader Mode”)
- Low-bandwidth connections
- Unreliable, lossy connections
- Metered connections
- Hostile networks
- Downloading offline copies
- Very narrow viewports (much narrower than a phablet)
- Mobile devices in landscape mode
- Frequent window-resizers (e.g. users of tiled-window setups)
- Printouts, especially when paper and ink are rationed (common in schools)
- Textual browsers
- Uncommon graphical browsers
- the Tor Browser (separate from “uncommon browsers” because of how “safest” mode is often incompatible with progressive enhancement and graceful degradation)
- Disabling JavaScript (overlaps with the Tor Browser)
- Non-default color palettes
- Aggressive content blocking (e.g. blocking all third-party content, frames, images, and cookies)
Seems like a really simple site that uses a mix of browser defaults with light CSS enhancements, but I put about 13k words of thought into it:
https://seirdy.one/2020/11/23/website-best-practices.html
It's really hard to get a site to work well on a <2-inch (<5cm) viewport with switch access for astigmatic colorblind users on a feature phone experiencing packet loss, but I think I pulled it off nicely. CSS-optional, no JS (blocked by CSP).
Also has mirrors to a Tor hidden Web service and a Gemini capsule, all hosted on the same VPS.
I like the "small web" and joined a few webrings (and Gemini orbits), and try to make this static site a member of the IndieWeb.
Bookmarks are generated from my bookmarks manager, WIP music ratings from MPD coming soon.
An incomplete list of use-cases I tried to accommodate:
- Screen readers
- Switch access
- Keyboard navigation, with the Tab key or caret navigation
- Navigating with hand-tremors
- Content extraction (e.g. “Reader Mode”)
- Low-bandwidth connections
- Unreliable, lossy connections
- Metered connections
- Hostile networks
- Downloading offline copies
- Very narrow viewports (much narrower than a phablet)
- Mobile devices in landscape mode
- Frequent window-resizers (e.g. users of tiled-window setups)
- Printouts, especially when paper and ink are rationed (common in schools)
- Textual browsers
- Uncommon graphical browsers
- the Tor Browser (separate from “uncommon browsers” because of how “safest” mode is often incompatible with progressive enhancement and graceful degradation)
- Disabling JavaScript (overlaps with the Tor Browser)
- Non-default color palettes
- Aggressive content blocking (e.g. blocking all third-party content, frames, images, and cookies)
- User-selected custom fonts
- Stylesheet removal, alteration, or replacement
- Machine translation to right-to-left languages