Visual impairment simulation and auditing tools to develop for accessibility.
ChromeLens Extension
ChromeLens is a Google Chrome extension that provides a suite of tools to help with web accessibility development.
- Lens (Vision Simulator)
Interact with a website as a completely/partially blind or a colorblind person.
- Accessibility Audit
Run a website through an series of accessibility rules and easily discover elements in your website that do not comply with them.
- Tab-tracker
Key website features should be navigable solely via the keyboard (tab button), while not making the user jump through hoops to get to a feature. With the tab-tracker, you can visually track the flow of navigation through a website.
Open sourced at https://github.com/chromelens/chromelens
Built during greylockhackfest 2016
Read more
- Lens (Vision Simulator)
Interact with a website as a completely/partially blind or a colorblind person.
- Accessibility Audit
Run a website through an series of accessibility rules and easily discover elements in your website that do not comply with them.
- Tab-tracker
Key website features should be navigable solely via the keyboard (tab button), while not making the user jump through hoops to get to a feature. With the tab-tracker, you can visually track the flow of navigation through a website.
Open sourced at https://github.com/chromelens/chromelens
Built during greylockhackfest 2016
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "ChromeLens", "description": "Visual impairment simulation and auditing tools to develop for accessibility.", "version": "0.0.10", "minimum_chrome_version": "42", "devtools_page": "main.html", "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'", "web_accessible_resources": [ "main.html", "panel.html", "build/backend.js"], "background": { "scripts": [ "background.js" ] }, "icons": { "48": "icons/chromelens2-48.png", "128": "icons/chromelens2-128.png" }, "permissions": [ "http://*/*", "https://*/*", "activeTab" ]}
Read more