Removes mouse cursor and adds black opaque overlay to page.

Latest Version

Version
1.0
Update
June 23, 2020
Size
10.61KiB
Developer
Category
Users
2
Rating
0 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
See more

Plexiglass Extension

This extension is inspired by @marcysutton's no-mouse-days library and allows developers to disable mouse feedback during development. By installing plexiglass on a page, users can still see the page without being able to \"touch\" it with a mouse. Additionally, that plexiglass can be tinted opaque, further restricting the way the user can interact with the page.

This is accomplished by:

- removing pointer events
- adding a black overlay to the page

With mouse interactions off, users can challenge themselves to navigate pages using solely the keyboard. With the screen overlay on, users will have to rely on the keyboard and a screen reader to use the page.

It's a bit like manually testing your own code: if you know how it's meant to behave, your own interactions with it will match the patterns your code expects; visually seeing how far away an element is on the page or noting visual landmarks will change the way you navigate with the keyboard and will influence your experience of how long or frustrating a task is.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"manifest_version": 2,\t"name": "Plexiglass",\t"version": "1.0",\t"description": "Removes mouse cursor and adds black opaque overlay to page.",\t"icons": {\t\t"32": "icons/plexiglass-32.png",\t\t"48": "icons/plexiglass-48.png"\t},\t"permissions": ["activeTab", "storage"],\t"browser_action": {\t\t"default_icon": {\t\t\t"32": "icons/plexiglass-32.png",\t\t\t"48": "icons/plexiglass-48.png"\t\t},\t\t"default_popup": "glass_options.html",\t\t"default_title": "Plexiglass Options"\t},\t"content_scripts": [\t\t{\t\t\t"js": ["content_script.js"],\t\t\t"matches": ["http://*/*", "https://*/*"],\t\t\t"run_at": "document_idle",\t\t\t"all_frames": true\t\t}\t]}
Read more

Similar Extensions