Helps to check if your website is accessible and understand how you can improve experience for your users.

Latest Version

Version

1.0.1

Update

August 21, 2023

Size

4.06MiB

Developer

Simulator of visual impairments Extension

Helpful tool to simulate some visual impairments. You can use it for testing or just to educate yourself and your colleagues.

With this extension you can apply some filters on your web page:

* Myopia filter - you can configure diopters to check if your page is accessible for people with blurred vision. Pay attention to important texts with small font sizes. Also you can configure root font size and see how your page scales.

* Color blindness filter - you can apply different filters to check if your page is still usable. If some important information is only provided by color, it could be impossible for color blind people to get it.

* Blindness filter - with these filters you need to use a screen reader to test your page properly. But it's helpful to apply the filter too - in this case you'll get more accurate experience.

If you want to use this extension for manual testing, repeat all your base test cases with filters on. If these scenarios are successful, then you're going in the right direction. As a rule of thumb, you must be able to get all the info needed for navigation and having a nice and clear user experience.

Our GitHub page: https://github.com/airadavometra/accessibility-simulator-plasmo
Feel free to report issues, suggest improvements or contribute.

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"icons":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"manifest_version":3,
"action":{"default_icon":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"default_popup":"popup.html"},
"version":"1.0.1",
"author":"Daria Artemova",
"name":"Simulator of visual impairments",
"description":"Helps to check if your website is accessible and understand how you can improve experience for your users.",
"permissions":["storage",
"activeTab",
"scripting"],
"content_scripts":[{"matches":[""],
"js":["addElements.d4ac43ff.js"],
"css":["addElements.285351d3.css"]}],
"web_accessible_resources":[{"resources":["assets/*.png"],
"matches":[""]}]}

Download CRX(4.06MiB)