A tool for people with visual impairments to simplify the web page layout and introduce consistency across different websites
Low Vision Webpage Layout Modifier Extension
Enhance your web browsing experience with the web extension designed to prioritise accessibility for individuals with low vision. By installing this tool, you'll benefit from a range of improvements that ensure a simple, consistent and user-friendly experience across various web pages:
1. Intuitive navigation: say goodbye to horizontal navigation bars. This extension transforms the navigation bar into a vertical, fixed element at the top left corner, providing a more streamlined and intuitive browsing experience.
2. Enhanced menu accessibility: dropdown menu elements are now seamlessly integrated into the main menu by default, making navigation more straightforward and reducing the need for additional clicks.
3. Distraction-free browsing: enjoy a focused reading experience by hiding all images on the web page, including background images. You can reveal them on hover, giving you greater control over your visual environment.
4. Keyboard-friendly navigation: unlock the power of full keyboard navigation with a solid green frame highlighting the active element. Effortlessly navigate through your favourite websites without relying on a mouse.
5. Optimised font settings: experience clearer and more readable text with a change in font family, size, and colour (Verdana, 16 px, dark green), ensuring enhanced visibility and comfort.
6. Optimal text contrast: Benefit from improved text visibility with a contrast ratio of 7:1, meeting the AAA WCAG standard. This ensures that text stands out crisply against the background, catering to diverse visual needs.
Embrace a more consistent and user-friendly design across various websites with different layouts and make your browsing experience smoother and more predictable.
Read more
1. Intuitive navigation: say goodbye to horizontal navigation bars. This extension transforms the navigation bar into a vertical, fixed element at the top left corner, providing a more streamlined and intuitive browsing experience.
2. Enhanced menu accessibility: dropdown menu elements are now seamlessly integrated into the main menu by default, making navigation more straightforward and reducing the need for additional clicks.
3. Distraction-free browsing: enjoy a focused reading experience by hiding all images on the web page, including background images. You can reveal them on hover, giving you greater control over your visual environment.
4. Keyboard-friendly navigation: unlock the power of full keyboard navigation with a solid green frame highlighting the active element. Effortlessly navigate through your favourite websites without relying on a mouse.
5. Optimised font settings: experience clearer and more readable text with a change in font family, size, and colour (Verdana, 16 px, dark green), ensuring enhanced visibility and comfort.
6. Optimal text contrast: Benefit from improved text visibility with a contrast ratio of 7:1, meeting the AAA WCAG standard. This ensures that text stands out crisply against the background, catering to diverse visual needs.
Embrace a more consistent and user-friendly design across various websites with different layouts and make your browsing experience smoother and more predictable.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Low Vision Webpage Layout Modifier", "author": "Mariia Semenenko", "version": "0.1.0", "description": "A tool for people with visual impairments to simplify the web page layout and introduce consistency across different websites", "icons": { "16": "icons/icon_16.png", "24": "icons/icon_24.png", "32": "icons/icon_32.png", "64": "icons/icon_64.png", "128": "icons/icon_128.png" }, "action": { "default_popup": "popup/popup.html" }, "content_scripts": [{ "js": ["content.js"], "all_frames": true, "run_at": "document_end", "matches": ["http://*/*", "https://*/*"] }], "web_accessible_resources": [ { "resources": ["styles.css"], "matches": [""] } ], "background": { "service_worker": "background.js" }, "permissions": [ "storage" ]}
Read more