w3b1y Extension Chrome

W3b1y is a tool designed to assist web developers in identifying potential accessibility issues on any webpage. This extension…

Latest Version

Version

1.0

Update

October 18, 2024

Size

55.76KiB

Developer

w3b1y Extension

W3b1y is a tool designed to assist web developers in identifying potential accessibility issues on any webpage. This extension scans the current page, focusing on images and headings, and provides insights to help ensure your content is accessible to all users, including those with disabilities.

- Image Analysis: Detects all images on the page, highlights missing or improper alt attributes, and identifies potential issues with image sizes that could impact page performance.
- Heading Structure: Reviews the hierarchical structure of headings (H1-H6) to ensure they follow best practices for accessibility, helping to create a clear, logical reading order.
- Real-Time Insights: Get immediate feedback while browsing, making it easier to catch accessibility issues before they reach production.
- Background Image Detection: Identifies images used in CSS as backgrounds to ensure they are correctly labeled or described.
Whether you’re developing a new website or auditing an existing one, W3b1y helps you build more inclusive web experiences, aligning your content with WCAG (Web Content Accessibility Guidelines) standards.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "w3b1y", "version": "1.0", "manifest_version": 3, "permissions": ["activeTab", "scripting", "tabs", "storage"], "background": { "service_worker": "background.js" }, "action": {}, "content_scripts": [ { "matches": [""], "js": ["interface.js", "main.js", "img/controller/controller.js", "img/model/model.js", "img/model/status.js", "img/view/view.js", "img/view/view_analysis.js", "img/view/view_result.js", "img/main.js", "heading/controller/controller.js", "heading/model/model.js", "heading/view/view.js", "heading/main.js"] } ], "web_accessible_resources": [ { "resources": ["static/img/logo.png", "static/img/loading.gif"], "matches": [""] } ], "icons": { "128": "static/img/icon.png" }}