A set of user-scripts for adapting the view of websites for people with low-vision.
The aim is that these demonstrate what can be achieved via the browser for adapting layout, fonts, colors and spacing. These support potential WCAG guidelines, and enable us to establish what website designers & developers need to do (or avoid) to enable that adaptation.
It is implemented as a script rather user-stylesheets or appending a new stylesheet to the page because a script allows more nuance in detecting different elements, and more power for over-riding the site styles.
Very early, one proof of concept that linearizes the page you are looking at.
Open this test-layout page and select one of the 'linearise' links on the right.
You can save the Linearize link on the demo page to you browser's bookmarks and apply it to any site.
Well, unless the site has a Content Security Policy preventing external scripts, in which case it won't work. Like Github does.
Lots, initially to create equivalents for:
- Changing colors.
- Changing font-family.
- Adjusting spacing around text / elements.
For the technical implementation, I'm not a programmer by trade but I assume it would be best to:
- Remove the jQuery dependency (would need to create an equivalent to the
:visibleselector). - Add user-configurable options.
- (Eventually) move these into a browser extension rather than rely on bookmarklets.
Originally created by Alastair Campbell working on & with the Low Vision Task Force, but hoping that many others will join in and contribute!