Target Size Minimum Extension Chrome

A chrome extension used for testing AA and AAA Target Size WCAG 2.2

Latest Version

Version

2.0.2

Update

August 25, 2024

Size

154KiB

Developer

Target Size Minimum Extension

Target Size (Minimum) WCAG 2.2 SC 2.5.8
Goal: Make controls easier to activate.
What it does: Ensure targets meet a minimum size or have sufficient spacing around them.
Why it's important: Some people with physical impairments cannot click small buttons that are close together.

This chrome extension sets the mouse cursor on all interactive content to a 24x24px box.
Upon selecting the highlight focusable elements button, all targetable elements will be injected with a visible border for easier identification.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Target Size Minimum", "manifest_version": 3, "version": "2.0.2", "description": "A chrome extension used for testing AA and AAA Target Size WCAG 2.2", "author": "mattyzenny", "icons" : { "16" : "images/savvas-ada.png", "32" : "images/savvas-ada.png", "48" : "images/savvas-ada.png", "128": "images/savvas-ada.png" }, "background": { "service_worker": "service-worker.js", "type" : "module" }, "permissions" : [ "scripting", "activeTab", "storage" ], "host_permissions": [ "http://*/*", "https://*/*" ], "action": { "default_icon": "images/savvas-ada.png", "16": "images/savvas-ada.png", "48":"images/savvas-ada.png", "128":"images/savvas-ada.png", "default_title": "Click Me", "default_popup": "popup.html" }, "web_accessible_resources": [ { "resources": ["styles/content-styles.css"], "matches": [""] }, { "resources": [ "images/cursor.cur", "images/redCrosshair24x24.svg", "images/blackCrosshair24x24.svg" ], "matches": [""] } ], "content_scripts": [ { "matches": [ "" ], "js": [ "content.js", "utils/all-focusable-elements.js", "utils/button-toggle.js" ] } ] }